@charset "shift_jis";
@import url(initialaize.css);



/*	全ページ共通
-------------------------------*/
body {
text-align:center;
color:#333333;
font:normal 9pt/1.5em 'ＭＳ Ｐ ゴシック','MS P Gothic', 'Verdana', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
background-color:#5a9ac8;
}

a {color:#0066cc; text-decoration:underline;}
h4 {font-weight:bold; font-size:10pt;}

/* 回り込み */
.left {float:left;}
.right {float:right;}
.clr {height:1px; overflow:hidden; clear:both;}

/* 位置調整 */
.txtcenter {text-align:center;}
.txtright {text-align:right;}


/* 全体格納 */
#wrapperout {width:800px; margin:0 auto; background:url(../images/common/bg_body.jpg) 50% 0 repeat-y;}
#wrappertop {width:800px; margin:0 auto; text-align:left; background:url(../images/common/bg_pagetop.jpg) 50% 0 no-repeat;}
#wrapperbtm {width:800px; margin:0 auto; text-align:left; background:url(../images/common/bg_pagebtm.jpg) 50% 100% no-repeat;}

/* ヘッダー */
#header {width:800px; height:192px;}

/* ロゴ */
#logo {width:176px; height:58px; float:left;}
	#logo a {width:163px; height:41px; margin:17px 0 0 13px; display:block;}

/* リード文 */
#readtext {width:582px; float:right;}
	#readtext p {width:538px; height:55px; margin:75px 0 0 0; overflow:hidden; color:#ffffff;}


/* 左カラム */
#menu {width:189px; float:left;}

	/* メインメニュー */
	#mainmenu {width:181px; margin:0px 0 6px 8px; padding-bottom:3px; background:url(../images/common/btm_mainmenu.gif) 0 100% no-repeat;}
		#mainmenu li {width:181px; height:30px; vertical-align:top;}
			#mainmenu li img {width:181px; height:30px; vertical-align:top;}

	/* バナーエリア */
	#bannerarea {width:172px; margin-bottom:6px; margin-left:12px; padding-bottom:3px; border-bottom:1px solid #cccccc;}
		#bannerarea li {margin-bottom:7px; vertical-align:top;}

	/* フリーダイヤル */
	#freedial {width:169px; height:196px; margin-left:12px;}

/* 右カラム */
#main {width:610px; margin-top:-57px; float:left;}

/* パンクズリスト */
#crambs {width:586px; padding:4px 7px 3px; background-color:#dddddd;}

/* コンテンツ */
#content {background:url(../images/common/bg_content.jpg) 7px 0 repeat-y;}


	/* ヘディング */
	#heading {width:600px; height:80px; background:url(../images/common/bg_heading.jpg) 7px 0 no-repeat;}
		#heading img {margin:9px 0 0 12px;}

/* サブメニュー */
#submenu ul {height:32px; margin-bottom:2px; margin-left:28px;}
	#submenu li {margin-right:6px; padding:2px 8px 2px 0; display:block; float:left; background:url(../images/common/bg_submenu.jpg) 100% 0 no-repeat;}
		#submenu li a {height:26px; display:block; float:left; border:1px solid #cccccc; background-color:#ffffff;}
		#submenu li a:hover {background-color:#ffff99;}
		#submenu li.disabled span{height:26px; display:block; float:left; border:1px solid #cccccc; background-color:#E9E9E9;}
	#submenu h2 a {background-color:#ffff99;}

/* ページトップへ */
#gototop {width:593px; height:50px; padding-top:8px; background:url(../images/common/btm_content.jpg) 7px 0 no-repeat;}
	#gototop a {width:91px; height:11px; margin:0 0 0 491px; display:block; background:url(../images/common/gototop.jpg) 0 0 no-repeat;}

/* フッター */
#footer {width:580px; padding:5px 20px 5px 0; text-align:right; color:#666666; background:url(../images/common/bg_container.jpg) 0 0 repeat-x;}
	#footer li {display:inline;}



/*	トップページ
-------------------------------*/
#topcontent {width:600px;}
	#topcontent #information {width:600px; height:429px; background:url(../images/index/information.jpg) 0 0 no-repeat;}
		#topcontent h2 img {margin:26px 0 0px 33px;}

#illmenu {height:230px; padding:15px 0; background-color:#ffffff;}
	#illmenu ul {margin:0 0 0 24px;}
		#illmenu li {margin-right:5px; float:left;}

.infolist {width:375px; height:205px; margin-left:40px; margin-top:13px; color:#666666; list-style:square; overflow:auto;}  

/*	コンテンツページ共通
-------------------------------*/
.pointarea {width:527px; margin-left:26px; clear:both; background:url(../images/common/bg_point.jpg) 0 0 repeat-y;}
.pointtop {width:527px; background:url(../images/common/top_point.jpg) 0 0 no-repeat;}
.pointbtm {width:527px; padding-bottom:43px; background:url(../images/common/btm_point.jpg) 0 100% no-repeat;}
	.pointarea h3 img {margin:32px 0 19px 134px;}
	.pointarea p {width:436px; margin-left:56px;}
	.pointarea p span {color:#FF0000;}
	
.pointarea02 {width:527px; margin-left:26px; clear:both; background:url(../images/common/bg_point02.jpg) 0 0 repeat-y;}
.pointtop02 {width:527px; background:url(../images/common/top_point02.jpg) 0 0 no-repeat;}
.pointbtm02 {width:527px; padding-bottom:38px; background:url(../images/common/btm_point02.jpg) 0 100% no-repeat;}
	.pointarea02 p {width:436px; margin-left:56px; padding-top:65px;}
	.pointarea02 p span {color:#FF0000;}

.titlearea {width:527px; margin-left:26px; clear:both; background:url(../images/common/bg_title.jpg) 0 0 repeat-y;}
.titletop {width:527px; background:url(../images/common/top_title.jpg) 0 0 no-repeat;}
.titlebtm {width:527px; padding-bottom:43px; background:url(../images/common/btm_title.jpg) 0 100% no-repeat;}
	.titlearea h3 img {margin:32px 0 19px 56px;}
	.titlearea p {width:436px; margin-left:56px;}
	.titlearea p span {color:#FF0000;}
	
.titletop02 {width:527px; background:url(../images/common/top_title02.jpg) 0 0 no-repeat;}	
.titlebtm02 {width:527px; padding-bottom:35px; background:url(../images/common/btm_title.jpg) 0 100% no-repeat;}
	.titlearea p.top {width:436px; padding-top:35px; margin-left:56px;}
	

/* 紙が2枚に分かれてる方 */
.routine1 {width:518px; margin:-14px 0 0 43px; background:url(../images/common/bg_cont1.jpg) 0 0 repeat-y;}
.routine1top {_height:218px; min-height:218px; background:url(../images/common/top_cont1.jpg) 0 0 no-repeat;}
.routine1btm {width:350px; _height:218px; min-height:218px; padding-bottom:20px; float:left; background:url(../images/common/btm_cont1.jpg) 0 100% no-repeat;}
	.routine1 h3 {width:350px; height:58px; margin-bottom:8px; text-align:center;}
		.routine1 h3 img {height:15px; margin:35px 0 0;}
	.routine1 p {width:300px; margin-left:20px;}
	.illarea {width:155px; float:right;}
		.illarea img {margin-top:30px;}


/* 横幅広い方 */
.routine2 {width:511px; margin-bottom:4px; margin-left:33px; background:url(../images/common/bg_cont2.jpg) 0 0 repeat-y;}
.routine2btm {width:511px; padding-bottom:19px; background:url(../images/common/btm_cont2.jpg) 0 100% no-repeat;}
	.routine2 h3 {width:511px; height:32px; margin-bottom:10px; text-align:center; background:url(../images/common/top_cont2.jpg) 0 0 no-repeat;}
		.routine2 h3 img {height:15px; margin:11px 0 0;}
	.routine2 h4 {margin-left:34px;}
	.routine2 p {width:450px; margin-bottom:12px; margin-left:34px;}

.illustarea {width:459px; margin-left:34px;}

.lefttxt {width:250px; float:left;}
	.lefttxt h4 {width:250px; margin-bottom:3px;}
	.lefttxt p {width:250px; margin-bottom:15px;}
.rightimg {width:200px; float:right; margin-bottom:20px;}
	.rightimg img {margin-bottom:5px; display:block;}


/* 紙が2枚に分かれてる方（右側の紙をちょっと下のほうに。） */
.routine3 {width:518px; margin:0 0 0 43px; background:url(../images/common/bg_cont1.jpg) 0 0 repeat-y;}
.routine3top {_height:218px; min-height:218px; background:url(../images/common/top_cont3.jpg) 0 0 no-repeat;}
.routine3btm {width:350px; _height:218px; min-height:218px; padding-bottom:20px; float:left; background:url(../images/common/btm_cont1.jpg) 0 100% no-repeat;}
	.routine3 h3 {width:350px; height:35px; margin-bottom:8px; text-align:center;}
		.routine3 h3 img {height:15px; margin:12px 0 0;}
	.routine3 h4 {width:250px; margin-left:20px; margin-bottom:3px;}
	.routine3 p {width:300px; margin-left:20px; margin-bottom:15px;}
	.illarea {width:155px; float:right;}
		.illarea img {margin-top:30px;}

#detached {width:215px; margin-top:21px; float:left;}
	#detached p {width:215px; margin:0 0 8px;}
#collective {width:208px; float:right;}
	#collective p {width:208px; margin:0 0 8px;}



/* Q & A */
#faq {width:511px; margin:20px 0 4px 33px; background:url(../images/common/bg_cont2.jpg) 0 0 repeat-y;}
#faqbtm {width:511px; padding-bottom:10px; background:url(../images/common/btm_cont2.jpg) 0 100% no-repeat;}
	#faq h3 {width:511px; height:40px; background:url(../images/common/top_cont2.jpg) 0 0 no-repeat;}
	#faq h3.subtitle02 {width:511px; height:16px; background:url(../images/common/top_cont2_01.jpg) left top no-repeat;}
		#faq h3 img {margin:11px 0 0 184px;}
		   #faq h3.subtitle01 img {margin:11px 0 0 200px;}
		   #faq h3.subtitle03 img {margin:11px 0 0 180px;}
		   #faq h3.subtitle04 img {margin:11px 0 0 230px;}
	#faq dl {width:450px; margin-bottom:12px; margin-left:34px;}
	#faq dt {margin-bottom:10px; font-weight:bold;}
	#faq dd {margin-bottom:10px; padding-bottom:20px; background:url(../images/common/bdr_dott.gif) 0 100% repeat-x;}
	#faq ul {margin-left:40px; list-style:outside decimal;}
    #faq .contents_area {width:460px; margin:8px 0px 10px 30px; padding-bottom:17px; background:url(../images/common/bdr_dott.gif) 0 100% repeat-x; overflow:auto;}
	#faq .contents_area .txt_area {float:left; width:300px;}
	#faq .contents_area .img_area {float:right;}
/* サイトポリシー */

#faq02 {width:511px; margin:20px 0 4px 43px; background:url(../images/common/bg_cont2.jpg) 0 0 repeat-y;}
#faqbtm {width:511px; padding-bottom:10px; background:url(../images/common/btm_cont2.jpg) 0 100% no-repeat;}
	#faq02 h3 {width:511px; height:40px; background:url(../images/common/top_cont2.jpg) 0 0 no-repeat;}
		#faq02 h3 img {margin:11px 0 0 184px;}
		   #faq02 h3.subtitle01 img {margin:11px 0 0 200px;}
		       #faq02 h3.subtitle02 img {margin:11px 0 0 140px;}
			    #faq02 h3.subtitle03 img {margin:11px 0 0 180px;}
	#faq02 dl {width:450px; margin-bottom:12px; margin-left:34px;}
	#faq02 dt {margin-bottom:10px; font-weight:bold;}
	#faq02 dd {margin-bottom:10px; padding-bottom:20px; background:url(../images/common/bdr_dott.gif) 0 100% repeat-x;}
	#faq02 ul {margin-left:40px; list-style:outside decimal;}
    #faq02 .contents_area {width:460px; margin:8px 0px 10px 30px; padding-bottom:17px; background:url(../images/common/bdr_dott.gif) 0 100% repeat-x; overflow:auto;}
	#faq02 .contents_area .txt_area {float:left; width:300px;}
	#faq02 .contents_area .txt_area02 {width:452px;}
	#faq02 .contents_area .img_area {float:right;}
	#faq02 .contents_area .osusume_area {height:333px; background:url(../images/storage/osusume_bg.gif) center top no-repeat; position:relative;}
	    #faq02 .contents_area .osusume_area p.txt01 {position:absolute; top:25px; left:15px; width:250px;}
		#faq02 .contents_area .osusume_area p.txt02 {position:absolute; top:25px; left:255px; width:200px;}
		#faq02 .contents_area .osusume_area p.txt03 {position:absolute; top:190px; left:15px; width:250px;}
	
#sitecontent {width:600px;}
	#sitecontent h2 {width:600px; padding-top:20px; background:url(../images/common/bg_container.jpg) 0 0 repeat-x;}
		#sitecontent h2 img {width:570px; height:22px; margin:0 0 11px 16px;}
	#sitecontent h3 {
	margin-left:24px;
	font-weight:bold;
	font-size:12px;
	}
	#sitecontent p {width:550px; margin-left:24px; margin-bottom:10px;}
	#sitecontent ul {width:520px; margin-left:34px; margin-bottom:20px;}