@charset 'utf-8';
@import url("common.css");


/* ============ clear ============ */
#main, #caption, #recruit {
	height					: 1%;
}

#main:after, #caption:after, #recruit:after {
	content					: ".";
	display					: block;
	height					: 0;
	clear					: both;
	visibility				: hidden;
}	

/* ============ list ============ */
#menu ul, #news ul {
	list-style-type			: none;
}

/* ============ main ============ */

#topimg {
	padding : 0px;
	margin : 0px;
	width					: 740px;
	height					: 317px;
	background-image		: url(http://www.i-can-juku.com/img/main_image.jpg);
}

#topimg p {
	padding : 240px 5px 0px 0px;
	margin : 0px;
	text-align				: right;
}

#menu {
	margin					: 1px 0 4px 0;
	background-image		: url(http://www.i-can-juku.com/img/main_menu_bg.jpg);
	width					: 740px;
	height					: 40px;
	
}

#menu li {
	float					: left;
	text-indent				: -9999px;
}

#menu li a {
	display					: block;
	width					: 123px;
	height					: 40px;
}

#menu li#menu_home {
	background-image		: url(http://www.i-can-juku.com/img/main_menu1.jpg);
}

#menu li#menu_new {
	background-image		: url(http://www.i-can-juku.com/img/main_menu2.jpg);
}

#menu li#menu_system {
	background-image		: url(http://www.i-can-juku.com/img/main_menu3.jpg);
}

#menu li#menu_style {
	background-image		: url(http://www.i-can-juku.com/img/main_menu4.jpg);
}

#menu li#menu_branch {
	background-image		: url(http://www.i-can-juku.com/img/main_menu5.jpg);
}

#menu li#menu_company {
	background-image		: url(http://www.i-can-juku.com/img/main_menu6.jpg);
}

#caption {
	width					: 725px;
	height					: 210px;
	padding					: 8px 0 0 15px;
	background-image		: url(http://www.i-can-juku.com/img/caption_img.jpg);
	background-position		: right;
	background-repeat		: no-repeat;
}

#caption img{
	margin					: 15px 0 10px 0;
}

#caption p {
	width					: 460px;
	font-size				: 12px;
	line-height				: 160%;
}

#recruit {
	width					: 740px;
	height					: 250px;
}

.img01 {
	float					: left;
	width					: 200px;
	height					: 230px;
	margin					: 0 5px 0 0;
	padding					: 0;
}

#recruit_info {
	width					: 530px;
	height					: 230px;
	background-image		: url(http://www.i-can-juku.com/img/recruit_bg.gif);
	background-repeat		: no-repeat;
	line-height				: 150%;
	font-family				: "lro SVbN";
	float					: right;
}

.recruiteButton{
	margin					: 40px 0 0 360px;
}

.recruiteTxet{
	width					: 510px;
	margin					: 0 0 8px 10px;
}

#recruit_info h4 img {
	margin					: 0 0 0 10px;
}

#news {
	width					: 740px;
	height					: 320px;
	margin-bottom			: 60px;
	background-image		: url(http://www.i-can-juku.com/img/news_img.jpg);
	background-position		: right;
	background-repeat		: no-repeat;
}

#news ul {
	height					: 220px;
}

#news li {
	margin-left				: 10px;
	padding-left			: 1em;
	background-image		: url(http://www.i-can-juku.com/img/arrow_green.gif);
	background-repeat		: no-repeat;
	background-position		: left;
	margin-top			: 5px;
}

#news li a {
	color					: #060;
	text-decoration			: none;
}

#news li img {
	margin-left				: 8px;
	margin-right			: 2px;
}


/* ============ footer2 ============ */

#footer2 {
	width					: 735px;
	padding-top				: 10px;
	padding-right			: 5px;
	font-size				: 10px;
	text-align				: right;
}

#footer2 a {
	color					: #36C;
	text-decoration			: none;
    
}

#footer2_comp img {
	margin-left				: 55px;
	float					: left;
}

#footer2_address {
	height					: 31px;
	margin-left				: 325px;
	text-align				: left;
}


#footer2_link {
	width					: 740px;
	color					: #36C;
	background-image		: url(http://www.i-can-juku.com/img/foot_line.jpg);
	background-repeat		: no-repeat;
	text-align				: center;
	margin-top				: 5px;
	padding-top				: 10px;
}

#footer2_link img {
	vertical-align			: bottom;
	margin-top				: 1px;
	margin-left				: 0;
	clear					: both;
}


/* ========= footer3 ========= */

#footer3 {
	width					: 735px;
	padding-top				: 10px;
	padding-right			: 5px;
	font-size				: 12px;
	text-align				: right;
	clear					: both;
}

#footer3 a {
	color					: #36C;
	text-decoration			: none;
    
}

#footer3_comp img {
	margin-left				: 60px;
	float					: left;
}

#footer3_address {
	height					: 31px;
	margin-left				: 325px;
	text-align				: left;
}


#footer3_link {
	width					: 740px;
	color					: #36C;
	background-image		: url(http://www.i-can-juku.com/img/foot_line.jpg);
	background-repeat		: no-repeat;
	text-align				: center;
	margin-top				: 5px;
	padding-top				: 10px;
}

#footer3_link img {
	vertical-align			: bottom;
	margin-top				: 1px;
	margin-left				: 0;
	clear					: both;
}

/* ================================= */
/* ========= privacy style ========= */
/* ================================= */

/* ============ maincol ============ */

#maincol {
	margin-bottom			: 20px;
	border-bottom			: 1px solid #ccc;
	font-family				: "ＭＳ Ｐゴシック";
}

#maincol .maintitle {
	background-repeat		: no-repeat;
	background-position		: left top;
	width					: 530px;
	height					: 155px;
	margin-bottom			: 15px;
}

#maincol .maintitle h3 {
	font-size				: 12px;
	line-height				: 100%;
	text-align				: right;
	position				: relative;
	top						: 130px;
	right					: 15px;
}

#title_policy {
	background-image		: url(http://www.i-can-juku.com/img/policy_top.jpg);
}

#privacy_top {
	width					: 530px;
	margin-top				: 10px;
	line-height				: 160%;
	margin-bottom			: 20px;
}

#h4link h4 a{
	color					: #666;
	font-weight				: bold;
	text-decoration			: none;
	font-size				: 14px;
}

#h4link h4 {
	font-weight				: bold;
	text-decoration			: none;
	background-image		: url("http://www.i-can-juku.com/img/blue_line.gif");
	background-repeat		: no-repeat;
	padding					: 5px 0 5px 15px;
	line-height				: 140%;
	font-size				: 14px;
}


#h4link a:link{
	color					: #06c;
	font-size				: 14px;
}

#privacy_enum {
	width					: 515px;
	margin-left				: 15px;
	line-height				: 150%;
}

#privacy_enum h5 {
	font-weight				: bold;
	text-decoration			: none;
	background-image		: url("http://www.i-can-juku.com/img/pink_line.gif");
	background-repeat		: no-repeat;
	padding					: 5px 0 5px 15px;
	line-height				: 140%;
	color					: #f6c;
}

.privacy_enumtext {
	margin-bottom			: 20px;
}

.privacy_enumtext ul {
	margin-left				: 1.5em;
	list-style-type			: disc;
}

#inquiry {
	margin					: 40px 0 40px 0;
	padding					: 15px 0 10px 0;
	border					: 1px solid #369;
	background-color		: #eee;
	text-align				: center;
}

#inquiry p img {
	margin					: 5px 0 10px 0;
}
.bold {
	font-weight				: bold;
}


/* ================================ */
/* ========= policy style ========= */
/* ================================ */

/* ========= policy_common ========= */

.h4link2 h4 {
	font-weight				: bold;
	text-decoration			: none;
	background-image		: url("http://www.i-can-juku.com/img/blue_line2.gif");
	background-repeat		: no-repeat;
	padding					: 5px 0 5px 15px;
	line-height				: 140%;
	font-weight				: bold;
	text-decoration			: none;
	color					: #06c;
}

/* ========= policy_top ========= */
#policy_top {
	margin					: 20px 0 45px 0px;
	padding-left			: 235px;
	height					: 390px;
	width					: 505px;
	background-image		: url(http://www.i-can-juku.com/img/policy_img01.jpg);
	background-position		: left;
	background-repeat		: no-repeat;
}

.policyBox {
	width					: 505px;
	height					: 130px;
	background				: url(http://www.i-can-juku.com/img/policy_bg.gif) no-repeat;
	background-position		: top left;
	font-size				: 12px;
	margin-bottom			: 5px;
	font-family				: "ＭＳ Ｐゴシック";
}

.policyBox h3 {
	padding					: 5px 0 0 5px;
}

.policyBox p {
	margin					: 8px 0 0 25px;
	width					: 470px;
	line-height				: 150%;
}

/* ========= policy_middle ========= */

#policy_middle {
	width					: 740px;
	height					: 345px;
	clear					: both;
}

#policy_flow {
	height					: 360px;
	width					: 740px;
}

.img02{
	float					: left;
	width					: 370px;
	margin-top				: 15px;
}

.policy_mtext {
	width					: 320px;
	font-size				: 12px;
	font-family				: "ＭＳ Ｐゴシック";
	line-height				: 160%;
	margin					: 15px 0 0 10px;
	float					: right;
}	

/* ========= policy_bottom ========= */

#policy_bottom {
	width					: 740px;
	height					: 480px;
	margin-bottom			: 60px;
	background-image		: url(http://www.i-can-juku.com/img/policy_img03.jpg);
	background-position		: bottom right;
	background-repeat		: no-repeat;
	font-family				: "ＭＳ Ｐゴシック";
}

#policy_steps {
	width					: 535px;
	height					: 435px;
	margin-top				: 18px;
	text-align				: center;
}

.policy_step {
	width					: 535px;
	height					: 71px;
	background-image		: url(http://www.i-can-juku.com/img/policy_border.jpg);
	background-position		: left;
	background-repeat		: no-repeat;
}
.policy_stext {
	width					: 535px;
	height					: 71px;
	padding-left			: 70px;
	padding-top				: 9px;
	text-align				: left;
	background-position		: 9px 10px;
	background-repeat		: no-repeat;
}

.policy_stitle {
	font-weight				: bold;
	font-size				: 14px;
	color					: #06c;
}

.policy_sdata {
	margin-top				: 8px;
	line-height				: 130%;
	font-size				: 12px;
	color					: #666;
}

#policy_icon1 {
	background-image		: url(http://www.i-can-juku.com/img/policy_icon01.jpg);
}

#policy_icon2 {
	background-image		: url(http://www.i-can-juku.com/img/policy_icon02.jpg);
}

#policy_icon3 {
	background-image		: url(http://www.i-can-juku.com/img/policy_icon03.jpg);
}

#policy_icon4 {
	background-image		: url(http://www.i-can-juku.com/img/policy_icon04.jpg);
}

#policy_icon5 {
	background-image		: url(http://www.i-can-juku.com/img/policy_icon05.jpg);
}




/* =============================== */
/* ========= style style ========= */
/* =============================== */

/* ========= style_top ========= */

#style_top {
	width					: 740px;
	height					: 370px;
	margin-top				: 20px;
	margin-bottom			: 40px;
	background-image		: url(http://www.i-can-juku.com/img/style_img01.jpg);
	background-repeat		: no-repeat;
	background-position		: right;
	font-size				: 12px;
	font-family				: "ＭＳ Ｐゴシック";
}

#style_ttitle {
	width					: 540px;
	height					: 80px;
}

#style_point {
	width					: 540px;
	margin-top				: 10px;
	clear					: both;
}

.styleTitle {
	margin					: 10px 0 0 0;
}

.style_text {
	margin					: 5px 0;
	line-height				: 150%;
}

/* ========= style_middle ========= */

#style_middle {
	width					: 740px;
	height					: 300px;
	margin-bottom			: 40px;
	clear					: both;
}

#style_only {
	margin					: 20px 0 0 0;
	height					: 260px;
	width					: 520px;
	float					: right;
}

.img03 {
	float					: left;
	margin-top				: 20px;
}

#style_only h5 {
	padding					: 10px 0 0 10px;
	width					: 205px;
}

.style_onlys {
	margin-bottom			: 10px;
	width					: 520px;
	background				: url(http://www.i-can-juku.com/img/style_bg.gif) no-repeat;
	padding					: 0;
	height					: 80px;
}

.style_onlys p{
	width					: 500px;
	margin-left				: 10px;
	line-height				: 150%;
	font-size				: 12px;
	font-family				: "ＭＳ Ｐゴシック";
}

/* ========= style_bottom ========= */

#style_bottom {
	width					: 740px;
	height					: 460px;
	margin-bottom			: 56px;
}

#style_advice {
	width					: 420px;
	height					: 460px;
	margin-top				: 15px;
	float					: left;
}

.style_advices p{
	width					: 400px;
	line-height				: 150%;
	font-size				: 12px;
	font-family				: "ＭＳ Ｐゴシック";
	margin					: 5px 0 15px 0;
}

.style_advices h6{
	clear					: left;
}

.img04{
	float					: right;
	width					: 305px;
	margin-top				: 20px;
}

/*branch *******************************************************************/


#branch_enum {
	width					: 515px;
	margin-left				: 15px;
	line-height				: 150%;
}

#branch_enum h5	{
	font-weight				: bold;
	text-decoration			: none;
	background				: url("http://www.i-can-juku.com/img/pink_line.gif") no-repeat;
	padding					: 5px 0 5px 15px;
	line-height				: 140%;
	height					: 25px;
	width					: 515px;
	color					: #F6C;
	font-size				: 14px;
}

#branch_enum h5 a{
	font-weight				: bold;
	text-decoration			: none;
	color					: #F6C;
	font-size				: 14px;
}

.branch_enumtext {
	margin-bottom			: 20px;
}

.branch_enumtext ul {
	margin-left				: 1.5em;
	list-style-type			: none;
}

/* ============ blog ============ */

.blog {
	line-height	: 140%;
	margin-bottom	: 20px;
	border-bottom	: 1px solid #CCC;
	width	: 730px;
}

.blog h5, .blog h6, .archive h4 {
	font-weight	: bold;
	margin-bottom	: 0.5em;
} 

.blog h5 a, .blog h6 a, .archive h4 a{
	color		: #666;
	font-weight	: bold;
	text-decoration	: none;
}

.blog h4 a{
	color		: #06C;
	font-weight	: bold;
	text-decoration	: none;
	font-size	: 18px;
	
}

.blog h4{
	font-weight	: bold;
	text-decoration	: none;
    background-image	: url("../img/blue_line.gif");
	background-repeat	: no-repeat;
	background-position	: bottom left;
    padding		: 5px 0 5px 15px;
	margin-bottom	: 10px;
	line-height	: 130%;
	font-size	: 18px;
	color		: #06C;
}

.h4link :link{
	color: #0066cc;
}

.blog p {
	margin-bottom	: 0.5em;
}

.blog ul, .blog ol, td ul, .archive ul {
	padding-left	: 30px;
}

.blog ul :link{
	color: #0066cc;
}


/* ========== contact 

#contact_form dl {
	margin-bottom	: 10px;
}

#contact_form dt {
	width		: 170px;
	float		: left;
}

.indispensable {
	color		: #C00;
}

#contact_form dd {
	width		: 360px;
	float		: right;
}

#contact_form dd dt {
	width		: 60px;
	float		: left;
}

#contact_form dd dd {
	width		: 280px;
	float		: right;
}

#contact_form dd input.input {
	width		: 250px;
}

#contact_form dd input.input2 {
	width		: 170px;
}

========== */

.g-navi {
	text-align : right;
}

.g-navi2 {
	height : 1px;
	clear : both;
	margin : 0;
	padding : 0;
	border-bottom	: 1px dashed #333;
	width		: 190px;
}

.g-navi2 hr {
	display : none;
}

.company_table{
	border	: solid 1px #CCC;
	margin	: 20px 0;
}

.company_table th{
	background-color	: #EEE;
	padding	: 2px 5px;
	width	: 100px;
}

.company_table td{
	border	: solid 1px #CCC;
	padding	: 2px 5px;
}


.floatL{
	float	: left;
	width	: 480px;
}

.floatR{
	float	: right;
	width	: 200px;
}

.clr{
	height		: 1%;
}

.clr:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}