@charset "euc-jp";

/* ****************************************************************** 
	@This stylesheet Information{
		CSS File Name: contents.css
		Setting of: Contents area

			BG setting
			contentsTop setting
			contents setting
			mainContents setting
						Setting of /index.htm
						Setting of /apply/
						Setting of /make/
						Setting of /faq/
						Setting of /sitemap.htm
						Setting of /information/,/maintenance/,/trouble/ body#info
						Setting of /#infoEnd(service End)
			contentsBtm setting
			clearfix
	}
****************************************************************** */

/*===================================================================
	BG setting
===================================================================*/
html{
background-color:#fff4e6;
}
body{
background:url(/images/body_bg.gif) repeat-y 50% 0;
}



/*===================================================================
	contentsTop setting
===================================================================*/
div#contentsTop{
padding:5px 15px 0;
font-size:0.9em;
}
div#contentsTop p.footpath em{
	font-weight:normal;
}



/*===================================================================
	contents setting
===================================================================*/
div#contents{
	padding:0px 15px 0 10px;
}

div#contents div#contentsInner{
	width:775px;
	margin-top:15px;
}



/*===================================================================
	mainContents setting
===================================================================*/

/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/
body.column1 div#mainContents{
	width:770px;
}

/*--- body.column2 ---*/
div#mainContents{
	float:right;
	width:560px;
	padding:0 0 20px 0;
}

/*--- body.column1 ---*/
body#column1 div#mainContents{
float:none;
width:770px;
margin-left:5px;
padding:0 0 20px 0;
}



/*-------------------------------------------------------------------
	Setting of common parts
-------------------------------------------------------------------*/
#mainContents h1{
margin-bottom:10px;
padding-bottom:2px;
font-size:1.58em;
background:url(/images/dot_h1.gif) repeat-x left bottom;
color:#662211;
}

#mainContents h2.std{
min-height:16px;
margin:0 0 10px;
padding:17px 0 15px 52px;
background:url(/images/ttl_bg_h2.gif) no-repeat left top;
vertical-align:middle;
}
#mainContents h2.std span{
display:inline;
background-color:#44a801;
font-size:1.12em;
color:#fff;
vertical-align:middle;
}

#mainContents h2.ttlSimple{
color:#44a801;
font-size:1.05em;
border-bottom:2px solid #44a801;
margin-bottom:5px;
}
#mainContents h2.ttlSimple2{
color:#44a801;
font-size:1.05em;
margin-bottom:5px;
}

p.pgTopLink{
	text-align:right;
	font-size:0.9em;
}
p.pgTopLink a{
	margin:0 0 15px;
	padding-left:13px;
	background:url(/images/ico_arrow_up.gif) no-repeat left center;
}
#mainContents p.pgTopLink{
	margin:10px 0;
}

#mainContents p{
padding-bottom:10px;
}

/*--- .attentionBox ---*/
.attentionBox{
margin:10px 0;
padding-bottom:15px;
background:#fce862 url(/images/flm_abox_btm.gif) no-repeat left bottom;
}
.attentionBoxInner{
padding:15px 15px 0;
background:#fce862 url(/images/flm_abox_top.gif) no-repeat left top;
}

/*--- list Style ---*/
#mainContents_jump ol.listNoStd li,
#mainContents ol.listNoStd li{
margin:10px 0px 10px 30px;
list-style-type:decimal;
}
#mainContents ol.listNoStd li ul.listNone li{
list-style-type:none !important;
}
.listDisc li{
margin:0px 0px 5px 16px;
list-style-type:disc !important;
}
.listIndent li{
list-style-type:none !important;
text-indent:-1.5em;
}
.listIndent li ul.listDisc li{
list-style-type:disc !important;
text-indent:0;
}
.listAlpha li{
margin:5px 0px 5px 30px !important;
list-style-type:lower-alpha !important;
text-indent:0;
}
body#service .listNoneIndex li{
padding-bottom:7px;
}

/*listIndex*/
dl#listIndex dt{
margin-bottom:10px;
font-size:1.12em;
border-bottom:2px solid #409e02;
color:#409e02;
font-weight:bold;
}
dl#listIndex dd{
color:#663300;
font-weight:bold;
padding-bottom:10px;
}


/*--- table Style ---*/
table.tableStd1{
border-collapse:collapse;
border-spacing:0;
border:1px solid #bfc4ca;
}
table.tableStd1 th,
table.tableStd1 td{
padding:5px;
border:1px solid #bfbdbd;
}
table.tableStd1 th{
background-color:#fcf6ca;
}

table.tableLineNone{
border-collapse:collapse;
border-spacing:0;
}
table.tableLineNone th,
table.tableLineNone td{
padding:5px;
}
table.tableLineNone th{
white-space:nowrap;
}

table.tableLine{
border-collapse:collapse;
border-spacing:0;
border:1px solid #663300;
}
table.tableLine td{
vertical-align:middle;
padding:5px 10px;
}
table.tableLine thead th{
padding:3px 10px;
border:1px dotted #663300 !important;
}


/*--- .unit Style ---*/
.unitL{
float:left;
width:270px;
}
.unitR{
float:right;
width:270px;
}


/*--- .parts Style ---*/
.alignCenter{
text-align:center;
}
.alignRight{
text-align:right;
}
.alignLeft{
text-align:left;
}

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

.em1{
color:#409e02;
}

.txtS{
font-size:0.86em;
}

.nowrap{
white-space:nowrap;
}



/*-------------------------------------------------------------------
	Setting of /index.htm
-------------------------------------------------------------------*/
#introAhpIndex{
padding-top:5px;
width:560px;
background:#f3fae8 url(/images/bg_intro_ahp_top.gif) no-repeat left top;
}
#introAhpIndexInner{
padding:0 15px 0 20px;
background:url(/images/bg_intro_ahp_btm.gif) no-repeat left bottom;
}
#introAhpIndex .leadTop{
padding-top:10px;
font-size:0.93em;
}
#introAhpIndex h2{
padding-bottom:10px;
}

/*----- relativeServiceHp -----*/
#relativeServiceHp{
margin:10px 5px 5px;
width:550px;
overflow:hidden;
}
#relativeServiceHp .leadTop{
padding:2px 0 10px 30px;
}
#relativeServiceHp li{
margin-bottom:12px;
vertical-align:bottom;
}
#relativeServiceHp img{
vertical-align:bottom;
}

#relativeServiceHp dl{
overflow:hidden;
width:550px;
}
#relativeServiceHp dt{
float:left;
width:210px;
}
#relativeServiceHp dd{
float:left;
width:340px;
}

#bnnindexCocolog{
background:url(/images/bnnindex_cocolog_bgmid.gif) repeat-y left top;
}
#bnnindexCocolog p{
background:url(/images/bnnindex_cocolog_btm.gif) no-repeat left bottom;
padding:0px 10px 10px;
}
#bnnindexCocolog span{
display:block;
width:218px;
margin-left:201px;
padding:0 0 0 12px;
background:url(/images/ico_arrow_orange.gif) no-repeat left center;
}


/*----- shun-hp -----*/
#shun-hp{
width:560px;
}
#shun-hp h2{
margin-bottom:5px !important;
}

#shun-hp dt{
float:right;
padding:0 5px;
}
#shun-hp dd{
padding-left:15px;
}

.shun-hp-list-title{
margin-top:15px;
}
.shun-hp-list-title span{
vertical-align:middle;
}
.shun-hp-list-title img{
vertical-align:middle;
margin-right:5px;
margin-top:-7px;
}
.shun-hp-list {
	margin:10px 5px 0px 15px;
}
.shun-hp-list li{
margin:0px 0px 5px 16px;
list-style-type:disc !important;
}



/*-------------------------------------------------------------------
	Setting of /apply/
-------------------------------------------------------------------*/
#mainContents ol.listNoApply{
padding-bottom:15px;
}
#mainContents ol.listNoApply li{
margin:0 0 5px;
padding:0 0 5px 25px;
border-bottom:1px dotted #45A600;
color:#44a801;
}
#mainContents ol.listNoApply li#num00{
background:url(/apply/images/li_num_00.gif) no-repeat left top;
}
#mainContents ol.listNoApply li#num01{
background:url(/apply/images/li_num_01.gif) no-repeat left top;
}
#mainContents ol.listNoApply li#num02{
background:url(/apply/images/li_num_02.gif) no-repeat left top;
}
#mainContents ol.listNoApply li#num03{
background:url(/apply/images/li_num_03.gif) no-repeat left top;
}

.inputHopeUrl{
padding-bottom:15px;
background:#fce862 url(/images/flm_abox_btm.gif) no-repeat left bottom;
}
.inputHopeUrl ol{
margin-top:10px;
padding:15px 15px 0;
background:#fce862 url(/images/flm_abox_top.gif) no-repeat left top;
font-weight:bold;
}
.inputHopeUrl li{
padding:0px 0px 10px;
}
.inputHopeUrl ol span{
margin-right:10px;
padding:2px 3px;
color:#fff;
background-color:#573A17;
}
.inputHopeUrl input{
margin:0 auto;
width:97px;
}

.listNotice{
padding:0px 15px 5px;
}
.listNotice li{
padding:0 0 3px;
font-size:0.86em;
}

.msgApply{
margin-bottom:25px;
padding:10px;
font-weight:bold;
font-size:1.2em;
background-color:#fff;
}

.list2colApply{
margin-bottom:15px;
width:560px;
background:url(/apply/images/bg_list2colApply.gif) no-repeat left bottom;
}
.list2colApply dl dt{
height:26px;
}
.list2colApply dl dd{
width:268px;
_width:270px;
border-right:1px solid #ff970a;
border-left:1px solid #ff970a;
padding:0 0 10px 0;
}
.list2colApply dl dd p{
float:left;
width:176px;
padding:10px 0 0 !important;
font-size:0.93em;
}
.list2colApply dl dd img{
float:left;
}
.list2colApply dl dd p em{
display:block;
padding-top:5px;
}


/*-------------------------------------------------------------------
	Setting of /make/index.htm
-------------------------------------------------------------------*/
.list2col{
padding-bottom:20px;
width:560px;
}

.list2col ul li{
margin:10px 0 0 20px;
padding:0 0 0 12px;
background:url(/images/ico_arrow.gif) no-repeat left 5px;
}

.list2col h2.stds{
min-height:16px;
margin:0 0 10px;
padding:17px 0 15px 52px;
background:url(/images/ttl_bg_h2s.gif) no-repeat left top;
vertical-align:middle;
}
.list2col h2.stds span{
display:inline;
background-color:#44a801;
font-size:1.12em;
color:#fff;
vertical-align:middle;
}



/*-------------------------------------------------------------------
	Setting of /make/up/
-------------------------------------------------------------------*/
h3.up{
padding:13px 0 10px 30px;
color:#44a801;
background:url(/make/up/images/ttl_bg_up.gif) no-repeat left center;
}
.upComment{
margin-top:10px;
padding:10px;
border:1px dotted #44A801;
}

ul#naviBtm li{
float:left;
width:280px;
padding:15px 0 10px;
}



/*-------------------------------------------------------------------
	Setting of /make/mypage/
-------------------------------------------------------------------*/
ol.mypageDesignList{
width:560px;
}
ol.mypageDesignList li{
float:left;
padding:0 9px 0 0;
font-size:0.8em;
}
ol.mypageDesignList li a{
display:block;
padding:1px;
background-color:#663300;
}
ol.mypageDesignList li a:hover{
background-color:#cc2200;
}
ol.mypageDesignList p{
padding-top:3px;
}


/*-------------------------------------------------------------------
	Setting of /make/relative/
-------------------------------------------------------------------*/
#mainContents dl.listRelative{
width:560px;
padding:10px 0;
margin-bottom:5px;
}
#mainContents dl.listRelative dt{
margin-left:10px;
_margin-left:5px;
width:160px;
float:left;
}
#mainContents dl.listRelative dt img{
}
#mainContents dl.listRelative dd{
width:380px;
float:left;
line-height:1.2;
}
#mainContents dl.listRelative dd em{
display:block;
padding-bottom:5px;
}

#mainContents dl.even{
background-color:#f2f2f2;
}


/*-------------------------------------------------------------------
	Setting of /make/relative/cocolog_make/
-------------------------------------------------------------------*/
body.cocologMake dl#listIndex dd ol{
margin:0 0 0 25px;
list-style-type:decimal;
}
body.cocologMake dl#listIndex dd ol li{
padding-bottom:5px;
}

body.cocologMake dl.reference{
padding:10px;
background:#fff;
border:1px solid #409E02;
font-weight:bold;
}
body.cocologMake dl.reference dd{
padding:0 0 0 1em;
}
body.cocologMake dl.reference li{
padding:5px 0 0;
}

body.cocologMake .cocologRegist{
margin-bottom:10px;
padding:10px;
width:540px;
background-color:#fffee5;
}
body.cocologMake .cocologRegist .bnnCocolog{
vertical-align:top;
float:left;
}
body.cocologMake .cocologRegist dl.reference{
width:290px;
float:right;
}

body.cocologMake ol.detailExplain{
list-style-type:none;
}

body.cocologMake p.subhead{
margin:30px 0 10px;
padding:5px;
background:#fffee5;
font-weight:bold;
}

body.cocologMake .thumbnailArea{
width:560px;
}
body.cocologMake .thumbnailArea dl{
float:left;
width:270px;
}
body.cocologMake .thumbnailArea dt{
font-weight:bold;
}


/*-------------------------------------------------------------------
	Setting of /faq/
-------------------------------------------------------------------*/
.unitFaq{
width:560px;
background:url(/faq/images/flm_faq_mid.gif) repeat-y;
}
dl.unitQ{
width:560px;
padding-top:5px;
background:url(/faq/images/flm_faq_top.gif) no-repeat left top;
border-bottom:2px dotted #44a801;
color:#006600;
font-weight:bold;
}
dl.unitA{
width:560px;
padding-bottom:5px;
background:url(/faq/images/flm_faq_btm.gif) no-repeat left bottom;
color:#331a00;
}

.unitFaq dt{
float:left;
width:40px;
text-align:center;
padding:5px 0;
}
.unitFaq dd{
float:left;
width:510px;
padding:6px 0;
}

ul.listFaq{
padding-bottom:20px;
}
ul.listFaq li{
padding:0 0 10px 25px;
background:url(/faq/images/ico_faq_q.gif) no-repeat left 0;
}


/*-------------------------------------------------------------------
	Setting of /sitemap.htm
-------------------------------------------------------------------*/
.listSitemap{
float:left;
width:250px;
margin:10px 10px 0 0;
}

.listSitemapUnit{
width:230px;
margin-bottom:40px;
padding:3px 0 10px;
border-left:10px solid #f2f2f2;
}

.listSitemap h2{
margin:0 0 5px 10px;
padding-left:15px;
background:url(/images/ico_square.gif) no-repeat left center;
font-size:1.12em;
}
.listSitemap h3{
margin:25px 0 0 22px;
border-bottom:1px dotted #44A801;
color:#44A801;
}
.listSitemap ul{
margin-left:22px;
}
.listSitemap li{
padding-top:15px;
font-size:0.93em
}



/*-------------------------------------------------------------------
	Setting of #infoEnd(service End)
-------------------------------------------------------------------*/
#infoEnd{
padding:20px;
border:1px solid #ff0000;
}

#mainContents #infoEnd h1{/*overwrite*/
margin-bottom:25px;
color:#ff0000;
border-bottom:1px dotted #ff0000;
background-image:none;
}


/*-------------------------------------------------------------------
	Setting of /information/,/maintenance/,/trouble/ body#info
-------------------------------------------------------------------*/
body#info .entry_title_box {
background-color:#44A801;
color:#fff;
padding:5px 10px;
}

body#info .entry_title_box .entry_date{
font-size:0.91em;
}
body#info .entry_title_box h2{
font-size:1.05em;
}

body#info .entry_box{
padding:10px;
}
body#info .entry_box p{
}


/*===================================================================
	4: contentsBtm setting
===================================================================*/
div#contentsBtm{
	padding:0px 15px;
	margin:0;
}

div#contentsBtm p.pgTopLink{
	margin-bottom:10px;
}
div#contentsBtm div#btmNav{
	text-align:right;
}



/*-------------------------------------------------------------------
	clearfix
-------------------------------------------------------------------*/
.list2colApply:after,
.list2col:after,
#mainContents dl.listRelative:after,
ol.mypageDesignList:after,
div#contents div#contentsInner:after{
	content: "";
	display: block;
	clear: both;
}

* html .list2colApply,
* html .list2col,
* html #mainContents dl.listRelative,
* html ol.mypageDesignList,
* html div#contents div#contentsInner{display:inline-block;}

/* no ie mac \*/
* html .list2colApply,
* html .list2col,
* html #mainContents dl.listRelative,
* html ol.mypageDesignList,
* html div#contents div#contentsInner{height:1%;}

.list2colApply,
.list2col,
#mainContents dl.listRelative,
ol.mypageDesignList,
div#contents div#contentsInner{display:block;}
/* */


/*end*/