/*--------------------------------------------------------------------

common

cssの初期化

--------------------------------------------------------------------*/





* {

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

margin: 0;

padding: 0;

color:#333333;

line-height:1.8em;



}



/*bodyのスタイル*/



body {

text-align: center;

margin: 0px;

padding: 0px;

}



p {

margin-top: 10px;

margin-bottom: 10px;

padding: 0px;

margin-right: 0px;

margin-left: 0px;

text-align:left;

font-size:12px;

}



img{

padding:0px;

margin:0px;

}



html, body {

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

margin: 0;

padding: 0;

font-size: 100%;

}



h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

margin: 0;

padding: 0;

border: 0;

font-style: normal;

font-weight: normal;

font-size: 100%;

}



table, caption, th, td {

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

margin: 0;

padding: 0;

border: 0;

font-style: normal;

font-weight: normal;

font-size: 100%;

}



span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,

sup, q, br, ins, del, a, img, object, iframe {

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

margin: 0;

padding: 0;

border: 0;

font-style: normal;

font-weight: inherit;

font-size: 100%;

}



a {color: #003366;}

	

a:hover {color:#009797;}



li{list-style:none;}



td{text-align:left;}



p{

	margin:10px 0px;

	text-align:left;

	}



p.tcenter{

	text-align:center;

	}



h1{

	margin:2px 0 0px;

	color:#FFFFFF;

	font-size:11px;

	text-align:left;

	font-weight:100;

	}



#left h2.h2top{

	margin:0px 0px 10px;

	}

#left h2{

	margin:0px 0px 20px;

	}



#left h2.h2mt30u20{

	margin:30px 0px 20px;

	}



#left h2.h2mt50u20{

	margin:50px 0px 20px;

	}

	

#left h2.h2m30{

	margin:30px 0px 30px;

	}



#left h2.h2mt30{

	margin:30px 0px 0px;

	}



#left h3{

	margin:25px 0px 20px;

	text-align:left;

	}



#left h3.h3mt20{

	margin:20px 0px 18px;

	}

	

#left h3.h3mt0{

	margin:0px 0px 18px;

	}



#left h4{

	margin:50px 0px 18px;}



#left h4.h40{

	margin:0px 0px 18px;}



/*--------------------------------------------------------------------

common

ページ共通部分

--------------------------------------------------------------------*/



/*containerのスタイル*/



#container{

	margin: 0;

text-align: center;

font-size: 12px;

padding: 0;

background: url(https://www.0stresslife.com/commonimg/index_bg.jpg) repeat-x 0 0;

}


#container_t21{

	margin: 0;

text-align: center;

font-size: 12px;

padding: 0;

background: url(https://www.0stresslife.com/commonimg/index_bg_t2101.jpg) repeat-x 0 0;

}


#subcontainer{

background: url(https://www.0stresslife.com/commonimg/sub_bg.jpg) repeat-x 0 0;

text-align: center;

font-size: 12px;

padding: 0;

}



/*headerのスタイル*/

#header {

width:884px;

margin:0 auto;

}



#hleft{

	width:580px;

	float:left;

	}



#hleft .rtxt{

	width:340px;

	float:right;

	margin:30px 0 0;

	font-size:11px;

	text-align:left;

	}



#hright{

	width:346px;

	float:right;}



#hright li{

	display:inline;

	text-align:left;

	font-size:11px;

	background:url(https://www.0stresslife.com/commonimg/list.gif) no-repeat 0 3px;

	padding:0 20px 0 10px;}



#hright ul{

	text-align:left;

	margin:0 0 8px;}



#hright a {color: #ffffff;

text-decoration:none;}

	

#hright a:hover {color:#E8FDFD;text-decoration:none;}

	 

#main{

	margin:0px auto 0px;

	width:960px;}



#hright{

	text-align:right;

	float:right;}



#left{

	width:702px;

	float:left;	padding:0px 0;

	margin:0px 0px 15px;}



#left p.pankuzu{

margin:0px 0 5px;

	background:url(https://www.0stresslife.com/commonimg/sitenavi.gif) no-repeat 0 5px;

	padding:0px 0 8px 105px;

	line-height:1.0em;}



#left p.pankuzu2{

margin:5px 0 0;

	background:url(https://www.0stresslife.com/commonimg/sitenavi.gif) no-repeat 0 5px;

	padding:0px 0 8px 105px;

	line-height:1.0em;}

	



#left input{

	line-height:1.0em;

	border:solid 1px #CCCCCC;

	padding:1px;}

	

.topmailmaga{

	width:700px;

	height:163px;

	background:url(https://www.0stresslife.com/commonimg/mailmaga.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 33px;} 



.topmailmaga2{

	width:200px;

	position:absolute;

	top:20px;

	left:400px;}



.topmailmaga2 p{

	margin:5px 0 7px;}

	

#right{

	width:230px;

	float:right;

	margin:0px 0px 30px;}

	

.rightbg{

	background:#cccccc;

	padding:10px 0;

	margin:0 0 5px;}



.rightbox{

background:url(https://www.0stresslife.com/commonimg/rightboxm.jpg) repeat-y 0 0;

	width:214px;

	margin:0 auto;

	padding:5px 0 10px;

	}

	



.rightbox li.rmenu{

	width:200px;

	height:26px;

	text-align:left;}



.rightbox li.rmenu a{

display:block;

color:#FFFFFF;

text-decoration:none;

	background:url(https://www.0stresslife.com/commonimg/r_menu01_off.jpg) no-repeat 0 bottom;

	padding:2px 0 0 18px;}



.rightbox li.rmenu a:hover{

display:block;

	background:url(https://www.0stresslife.com/commonimg/r_menu01_on.jpg) no-repeat 0 bottom;

	padding:2px 0 0 18px;}

	

.rightbox li.rsmenu a{

display:block;

	background:url(https://www.0stresslife.com/commonimg/r_menu02.jpg) no-repeat 0 bottom;

	color:#003366;

	text-decoration:none;

	text-align:left;

	padding:0px 0 2px 25px;}



.rightbox li.rsmenu a:hover{

color:#009797;

padding:0px 0 2px 25px;}

	

	

.rightbox p{

	margin:0;

	font-size:11px;}



.rightbox input{

	width:178px;

	margin:0 0 5px;

	line-height:1.0em;

	border:solid 1px #CCCCCC;}



.rightbox li{

	height:26px;}



	





.servicebg{

	background:#C8DBE5;

	padding:10px 0;}



.servicebg p{

	font-size:11px;

	margin:10px;

	}

	

.book1{

	width:222px;

	float:left;

	margin:0 5px 0 0 ;}



.book1bg{

	background:url(https://www.0stresslife.com/commonimg/book01bg.jpg) no-repeat 0 0;

	width:222px;

	height:109px;}



.book2{

	width:222px;

	float:left;

	margin:0 0px 0 0 ;}



.book2bg{

	background:url(https://www.0stresslife.com/commonimg/book02bg.jpg) no-repeat 0 0;

	width:222px;

	height:109px;}



.book3{

	width:222px;

	float:right;

	margin:0 0px 0 0 ;}



.book3bg{

	background:url(https://www.0stresslife.com/commonimg/book03bg.jpg) no-repeat 0 0;

	width:222px;

	height:109px;}

	



#footer01{

	background:url(https://www.0stresslife.com/commonimg/footer_bg.jpg) repeat-x 0 0;

	padding:20px 0 15px;

	margin:0 0px 10px;}



#footer01 li {

	background:url(https://www.0stresslife.com/commonimg/icon_f.gif) no-repeat 0 5px;

	padding:0 0 0 15px;

	text-align:left;

	margin:0px;

	line-height:1.0em;

}



#footer01 ul.fo01_1{

	margin:0 30px 0px 0;

	float:left;}

	

#footer01 ul.fo01_1 li.subli{

	background:url(https://www.0stresslife.com/commonimg/icon_f.gif) no-repeat 15px 5px;

	padding:0 0 0 30px;}



#footer01 a{

	font-size:11px;

	text-decoration:none;

	color:#ffffff;

	padding:0px;}



#footer01 a:hover{

	font-size:11px;

	text-decoration:none;

	color:#E8FDFD;}

	



#footer01 li.noline{

	border:none;

}


#footer01_t21{

	background:url(https://www.0stresslife.com/commonimg/footer_bg_t2101.jpg) repeat-x 0 0;

	padding:20px 0 15px;

	margin:0 0px 10px;}



#footer01_t21 li {

	background:url(https://www.0stresslife.com/commonimg/icon_f.gif) no-repeat 0 5px;

	padding:0 0 0 15px;

	text-align:left;

	margin:0px;

	line-height:1.0em;

}



#footer01_t21 ul.fo01_1{

	margin:0 30px 0px 0;

	float:left;}

	

#footer01_t21 ul.fo01_1 li.subli{

	background:url(https://www.0stresslife.com/commonimg/icon_f.gif) no-repeat 15px 5px;

	padding:0 0 0 30px;}



#footer01_t21 a{

	font-size:11px;

	text-decoration:none;

	color:#eeeeee;

	padding:0px;}



#footer01_t21 a:hover{

	font-size:11px;

	text-decoration:none;

	color:#E8FDFD;}

	



#footer01_t21 li.noline{

	border:none;

}



#footer02{

width:960px;

margin:0 auto;

	padding:0 0 0px;}



#footer02 p{

color:#666666;

margin:10px 0px 10px;

font-size:11px;}



#footer02 a{

	color:#666666;

	text-decoration:none;}



	

	

/*subtopのスタイル*/	



.subtopmenu_l{

	width:340px;

	float:left;}	

	

.subtopmenu_r{

	width:340px;

	float:right;}

	

/*firstのスタイル*/

.mistakebox{

	background:url(https://www.0stresslife.com/first/img/mistakebox.jpg) no-repeat 0 0;

	width:700px;

	position:relative;

	height:96px;}

	

.mistakebox p{

	position:absolute;

	top:25px;

	left:60px;}



.graymaru{

	background:#D6D6D6;

	padding:2px 15px;}



/*aboutのスタイル*/

.responsebox{

	background:url(https://www.0stresslife.com/about/img/responsebox.jpg) no-repeat 0 0;

	width:700px;

	padding:60px 0 25px;

	margin:0 0 50px;}



.contactbox{

	background:url(https://www.0stresslife.com/about/img/drm_mailbox.jpg) no-repeat 0 0;

	width:700px;

	margin:0 0 70px;

	padding:20px 0;}

	

	

		

/*privacyのスタイル*/

.no li { list-style-position:outside;

list-style:decimal;

padding:0 0 5px;

margin:0 0 0 18px;

text-align:left;}



#left .privacy p{

	margin:10px 0px 10px 20px;}

	

#left .privacy h3{

	margin:20px 0 0px;

	font-size:14px;

	font-weight:bold;

	text-align:left;}



/*faqのスタイル*/

.qmark{

	background:url(https://www.0stresslife.com/faq/img/icon_q.jpg) no-repeat 5px 0;

	color:#003366;

	padding:0 0px 10px 40px;}





.amark{

	background:url(https://www.0stresslife.com/faq/img/icon_a.jpg) no-repeat 5px 0;

	padding:0 0 10px 40px;}



/*firstのスタイル*/

.firstbox{

	background:#C7D9E2;

	border-bottom:solid 2px #000000;

	padding:0 0 25px;

	margin:0 0 30px;}

	

.contentsbox{

	background:#02527B;

	padding:0 0 25px;

	margin:0 0 30px;}



/*teacherのスタイル*/

.bookl{

	width:190px;

	float:left;

	text-align:center;}









/*sitemapのスタイル*/



.sitemap_l{

	width:340px;

	float:left;}



.sitemap_r{

	width:340px;

	float:right;}

	

li.sitemapt{

	border:1px solid #CCCCCC;

	text-align:left;

	background:url(https://www.0stresslife.com/sitemap/img/sitemap_arrow.gif) no-repeat 10px 13px;

	background-color:#E9E9E9;

	padding:3px 0 3px 20px;

	margin:0 0 10px;}



li.sitemapt2{

	border:1px solid #CCCCCC;

	text-align:left;

	background:url(https://www.0stresslife.com/sitemap/img/sitemap_arrow.gif) no-repeat 10px 13px;

	background-color:#E9E9E9;

	padding:3px 0 3px 20px;

	margin:0 0 0px;}



li.sitemaps{

	border:none;

	text-align:left;

	background:url(https://www.0stresslife.com/sitemap/img/sitemap_sublist.gif) no-repeat 25px 10px;

	padding:3px 0 3px 35px;

	margin:0 0 5px;}



li.sitemaps2{

	border:none;

	text-align:left;

	background:url(https://www.0stresslife.com/sitemap/img/sitemap_sublist.gif) no-repeat 40px 10px;

	padding:3px 0 3px 50px;

	margin:0 0 5px;}



#doui2{

	margin:0 auto;}



#doui2 p{

margin:10px 15px;

line-height:1.5em;

	font-size:12px;}



#doui2 h2.h2mu20{

	margin:0px 0px 20px;}



#doui2 h3{

	margin:20px 15px 0px;

	font-size:14px;

	color:#163594;

	text-align:left;}



.douiborder{

	border:1px #CCCCCC solid;

	margin:0 0 0px;}

	

/*hyouのスタイル*/





.hyou td{

	padding:0 0 0 15px;}

	

.hyou .tdl{

	background:#666666;

	text-align:center;

	color:#FFFFFF;

	padding:0 5px;}



.hyou .tdline{

	background:url(https://www.0stresslife.com/commonimg/dotline.gif) repeat-x center center;

	height:8px;}



.hyou .tdline2{

	background:url(https://www.0stresslife.com/commonimg/dotline.gif) repeat-x center center;

	height:6px;}

	

.hyou2 td{

	padding:5px 0 5px 20px;}



.hyou2 .tdl{

	background:#EDEDED;

	padding:3px 0 3px 20px;}

	

.hyou2 .tdline{

	background:url(https://www.0stresslife.com/commonimg/dotline.gif) repeat-x center center;

	padding:1px 0 0;}	

	

/*otherのスタイル*/



.borderpoint{

border-collapse: collapse;

}



.pagetop{

margin:20px 0 0;

text-align:right;

}





/*fontのスタイル*/

.txtb{

font-weight:bold;

}



.txtblue{

color:#163594;}



.txtred{

	color:#990000;

}



.txtbred{

color:#FF0000;

font-weight:bold;

}



.txt14{

	font-size:14px;

	font-weight:bold;}



.txt15{

	font-size:15px;

	font-weight:bold;}

	

/*borderのスタイル*/

.koudoku{

	padding:15px;

	margin:0 0 40px;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;

}

.bluebg{

	background:#EBEEEF;

	padding:5px 15px;}

.bluebg p{

	font-size:11px;}



/*float alignのスタイル*/

.fleft{

float:left;

text-align:left;

}



.fright{float:right;}



.tcenter{text-align:center;}

.tleft{text-align:left;}

.tright{text-align:right;}

.tcenter{

	text-align:center;

	vertical-align: top;

}

.clear{clear:both;}

.vtop{vertical-align:top;}



/*margin paddingのスタイル*/

.mt5{margin:5px 0px 0px;}

.mt8{margin:8px 0px 0px;}

.mt10{margin:10px 0px 0px;}

.mt15{margin:15px 0px 0px;}

.mt20{margin:20px 0px 0px;}

.mt25{margin:25px 0px 0px;}

.mt30{margin:30px 0px 0px;}

.mt40{margin:40px 0px 0px;}



.mu3{margin:0px 0px 3px;}

.mu5{margin:0px 0px 5px;}

.mu7{margin:0px 0px 7px;}

.mu8{margin:0px 0px 8px;}

.mu10{margin:0px 0px 10px;}

.mu14{margin:0px 0px 14px;}

.mu15{margin:0px 0px 15px;}

.mu20{

margin:0px 0px 20px;

text-align: left;

}

.mu25{margin:0px 0px 25px;}

.mu30{margin:0px 0px 30px;}

.mu40{margin:0px 0px 40px;}

.mu41{margin:0px 0px 41px;}

.mu45{margin:0px 0px 45px;}

.mu50{margin:0px 0px 50px;}

.mu51{margin:0px 0px 51px;}

.mu60{margin:0px 0px 60px;}

.mu70{margin:0px 0px 70px;}

.mu100{margin:0px 0px 100px;}

.mu200{margin:0px 0px 200px;}

.mu500{margin:0px 0px 500px;}

.mu10r14{margin:0px 14px 10px 0px;}



.ml20{margin-left:20px;}

.mlr15{margin:0 15px 0 15px;}



.mtu10{

	margin:10px 0px;}



.mtu20{

	margin:20px 0px;}



/*widthのスタイル*/



.w170l{

	width:170px;

	float:left;

	text-align:center;}

.w180{

	width:180px;

	margin:0 auto;}



.w200{

	width:200px;

	margin:0 auto;}



.w210l{

	width:210px;

	float:left;}



.w310l{

	width:310px;

	float:left;}



.w350l{

	width:350px;

	float:left;}



.w370l{

	width:370px;

	float:left;}



.w360r{

	width:360px;

	float:right;}



.w400l{

	width:400px;

	float:left;}



.w400r{

	width:400px;

	float:right;}



.w214{

	width:214px;

	margin:0 auto;}

	

.w412r{

	width:412px;

	float:right;}

		

.w420l{

	width:420px;

	float:left;}



.w440l{

	width:440px;

	float:left;}



.w440r{

	width:440px;

	float:right;}



.w450l{

	width:450px;

	float:left;}



	

.w480r{

	width:480px;

	float:right;}

	

	

.w490l{

	width:490px;

	float:left;}



.w455r{

	width:455px;

	float:right;}

	.w500l{

	width:500px;

	float:left;}



.w510l{

	width:510px;

	float:left;}



.w500r{

	width:500px;

	float:right;}



.w515r{

	width:515px;

	float:right;}



.w530r{

	width:530px;

	float:right;}



.w550r{

	width:550px;

	float:right;}



	

.w570{

	width:570px;

	margin:0 auto;}





.w620{

	width:620px;

	margin:0 auto;}

	

.w660{

	width:660px;

	margin:0 auto;}



.w676{

	width:676px;

	margin:0 auto;}



.w740{

	width:740px;

	margin:0 auto;}



.w960{

	width:960px;

	margin:0 auto;}