/* CSS Document */

body{
	background: url(../image/comm/bg.jpg) center top repeat-x #FFF;
	min-width: 992px;
}

#frame{
	width: 992px;
	text-align: left;
	margin: 0 auto;
}

/*------------------------------------------------------------------
			header
-------------------------------------------------------------------*/

#header{
	height: 127px;
	position: relative;
	width: 960px;
	margin: 0 auto;
}
h1{
	padding: 10px;
	font-size: 90%;
}
#logoArea{
	position: absolute;
	left: 10px;
	top: 46px;
	width: 360px;
	height: 60px;
}

#subMenuArea{
	position: absolute;
	right: 20px;
	top: 62px;
	width: 211px;
	height: 60px;
	text-align: right;
	vertical-align: top;
}
#subMenuArea .hd_tel{
	height: 39px;
}
#subMenuArea .hd_menu{
}
#subMenuArea .hd_menu ul{
	word-spacing: -0.4em;
}
#subMenuArea .hd_menu li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}


/*-----------------------------------------------------------------
		gnavi
------------------------------------------------------------------*/

#gnavi{
	height: 55px;
	clear: both;
	width: 960px;
	margin: 0 auto;
}

#gnavi ul{
	list-style-type: none;
}
#gnavi li{
	float: left;
}

/*------------------------------------------------------------------
			footer
-------------------------------------------------------------------*/

#footer{
	clear: both;
	text-align: center;
	padding-top: 20px;
	color: #FFF;
	background: url(../image/comm/ft_bg.jpg) center bottom no-repeat;
}
#footerIn{
	width: 960px;
	margin: 0 auto;
	height: 267px;
	position: relative;
}
#footer .ptop{
	width: 912px;
	margin: 20px auto;
	text-align: right;
}
#footer .ft_info{
	position: absolute;
	left: 0;
	top: 190px;
	width: 500px;
	text-align: left;
}
#footer .ft_copy{
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 300px;
	text-align: right;
	white-space: nowrap;
	font-size: 80%;
}

a:hover img{
filter: alpha(opacity=70); /*For IE*/
opacity: 0.7; /*Opera・Safari*/
-moz-opacity: 0.7; /*For FireFox*/
}



/*------------------------------------------------------------------
			contents
-------------------------------------------------------------------*/

#contents{
	clear: both;
	padding-top: 15px;
	width: 960px;
	margin: 0 auto;
}

#mainimgWrap{
	width: 992px;
	height: 441px;
	background: url(../image/top/bg_main.jpg) center top no-repeat #FFF;
	text-align: center;
}
#mainimgArea{
	clear: both;
	margin: 0 auto;
	width: 960px;
	background:url(../image/top/mainimage_bg.jpg) center bottom no-repeat;
	padding-bottom: 13px;
}
#maintextWrap{
	width: 960px;
	margin: 0 auto;
	height: 165px;
	background:url(../image/top/mainimage_bg.jpg) center bottom no-repeat;
	position: relative;
}
#maintextWrap .img{
	position: absolute;
	left: 15px;
	top: 10px;
}
#maintextWrap .txt{
	position: absolute;
	left: 250px;
	top: 27px;
}



#sideArea{
	float: right;
	width: 250px;
	display: inline;
}
#sideArea p{
	padding: 0 0 10px;
}
#mainArea{
	float: left;
	width: 682px;
	display: inline;
	background-color: #FFF;
	
}
.box_safe{
	padding: 25px 0 10px;
}
.box_safe .box{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 315px;
	height: 90px;
	margin: 0 10px 5px;
	vertical-align: top;
}
.box_safe .box .icon{
	float: left;
	width: 70px;
	text-align: center;
}
.box_safe .box .txt{
	margin: 0 0 0 75px;
}
.box_safe .box .txt p{
	line-height: 1.1;
}
.box_safe .box .line{
	border-top: 1px solid #C50065;
	padding: 5px 0 0;
	margin: 5px 0 0;
}
.box_four .img{
	float: left;
	width: 256px;
	text-align: center;
}
.box_four .txt{
	margin-left: 260px;
	padding-bottom: 25px;
}
.box_scene{
	padding-left: 13px;
	word-spacing: -0.4em;
}
.box_scene .box{
	word-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 210px;
	height: 170px;
	margin: 0 10px 5px 0px;
	vertical-align: top;
}
.box_scene .box strong{
	background: url(../image/comm/i_yj_pnk.gif) left center no-repeat;
	display: block;
	padding: 5px 0 3px 12px;
}
.box_scene .box p{
	font-size: 92%;
	line-height: 1.1;
	padding: 0 3px 0 0;
}

.cap_grd{
	background: url(../image/top/cont_capbg.gif) left top no-repeat;
	height: 60px;
}
.cap_grd img{
	margin: 10px 0 0 15px;
}

#titleWrap{
	background: url(../image/comm/bg_title.jpg) center top no-repeat;
	height: 151px;
	position: relative;
}
#titleWrap h2{
	position: absolute;
	left: 33px;
	top: 76px;
}
.pnkz ul{
	padding: 20px;
}
.pnkz ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	background: url(../image/comm/i_pnkz.gif) right center no-repeat;
	padding-right: 10px;
}
.pnkz ul li.last{
	background: none;
	padding-right: 0;
}
.pnkz ul li a{
	color: #666;
}
#contIn{
	margin: 0 31px 30px;
}
#contIn ul{
	list-style-type: disc;
	padding-left: 20px;
}
.cap_lin{
	font-size: 140%;
	font-weight: bold;
	border-bottom: 2px solid #C70065;
	padding:  0 0 7px 3px;
	margin: 0 0 25px;
}
.nomgb{
	margin-bottom: 0px;
}
.cap_ccl{
	background: url(../image/comm/cap_ccl.gif) left 3px no-repeat;
	padding: 0 0 8px 40px;
	font-size: 180%;
	color: #C70065;
	line-height: 35px;
	margin: 0 0 20px;
}
.alink{
	background-color: #F5F5F5;
	padding: 10px;
	margin: 0 0 25px;
}
#contIn .alink ul{
	list-style: none;
	padding-left: 0px;
}
.alink li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	background: url(../image/comm/i_alink.gif) left center no-repeat;
	padding: 0 3px 0 10px;
	font-size: 90%;
}
.alink a{
	color: #FF3366;
}
.flt_prd{
	margin: -50px 0 15px 260px;
	font-size: 90%;
	line-height: 1.2;
}
.itemlist{
	word-spacing: -0.4em;
	border-bottom: 1px solid #C70065;
	margin: 0 0 25px;
}
.itemlist .line{
	border-top: 1px solid #C70065;
}

.itemlist .box{
	word-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	text-align: center;
	width: 33%;
	padding: 15px 0 15px;
	line-height: 1.1;
}
.itemlist .box *{
	line-height: 1.1;
}
.itemlist .box p{
	padding-bottom: 4px;
}
.itemlist .box .img{
	height: 180px;
	line-height: 180px;
}
.itemlist .box .img2{
	height: 230px;
	line-height: 220px;
}
.itemlist .box img{
	vertical-align: middle;
}
.itemlist .box .fc-red strong{
	font-size: 140%;
}
.itemlist .box .name{
	height: 60px;
}
.senyo{
	border: 2px solid #C70065;
	margin: 25px 0;
}
.senyo td{
	padding: 0 6px;
}

#contIn.example .box{
	padding: 0px 0 30px;
	clear: both;
	
}
#contIn.example .box .photo{
	float: left;
	text-align: center;
	width: 300px;
	
}
#contIn.example .box .text{
	margin: 0 0 0 315px;
}
#contIn.example .box .text strong{
	display: block;
	background: url(../image/comm/i_yj_pnk.gif) left 3px no-repeat;
	padding: 0 0 10px 15px;
}

.ul-agents{
/*	background-color: #C70065;
*/	width: 585px;
	margin: 0px auto 25px;
}
.ul-agents .cap{
	margin: 0px 0 0;
	z-index: 99;
}
.ul-agents ul{
	background-color: #FFF;
	padding: 25px 15px 15px;
	border: 1px solid #C70065;
	margin: -17px 0 0;
}
.ul-agents ul li{
	background: url(../image/agents/i_check.gif) left top no-repeat;
	padding: 3px 0 15px 25px;
	list-style: none;
}

.meri-cap{
	margin: -60px 0 30px 70px;
}
.meri-cap strong{
	font-size: 160%;
}
.ul-meri li{
	list-style: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../image/agents/li_bg.gif) center top no-repeat;
	width: 140px;
	line-height: 52px;
	text-align: center;
	padding: 0 0 10px;
}

.p_q{
	padding: 0 0 0 5px;
	font-size: 140%;
}
.p_a{
	padding: 5px 0 25px 30px;
}
.box-inq{
	background-color: #F5F5F5;
	padding: 15px 0px;
	width: 585px;
	margin: 0 auto;
}
.box-inq p{
	padding: 0 25px;
}
.box-inq .img{
	line-height: 46px;
}
.box-inq img{
	vertical-align: middle;
}
.box-inq strong{
	color: #C50065;
	font-size: 160%;
}

.faq-q{
/*	background: url(../image/comm/cap_ccl.gif) left top no-repeat;
*/    font-size: 140%;
    padding: 15px 0 10px 0px;
	margin: 0 0 0 10px;
	color: #C50065;
	border-top: 1px solid #CCC;
}
.faq-q-nobdr{
	border-top: none;
	padding-top: 0px;
}
.faq-a{
	padding: 0 0 15px 30px;
	margin: 0 0 10px 15px;
	text-indent: -2em;
}
.faq-link{
	text-align: right;
	padding: 0 0 20px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 25px;
}
.cap-bold{
	font-weight: bold;
	font-size: 160%;
	padding: 10px 0px;
}
.wk_gry{
	background:url(../image/comm/wk_gry_bt.gif) left bottom no-repeat #F5F5F5;
	width: 616px;
	margin: 0 auto;
	padding: 0 0 25px;
}
.wk_gry_in{
	background: url(../image/comm/wk_gry_hd.gif) left top no-repeat #F5F5F5;
	padding: 20px 25px 0px;
}
.cap-bold-blu{
	color: #0099CC;
	font-size: 120%;
	font-weight: bold;
	padding: 15px 0 5px;
}
.wk-spray{
	border: 2px solid #BD0B7D;
	padding: 15px 0px;
	text-align: center;
	font-size: 160%;
	margin: 15px auto;
}
.wk-spray strong{
	color: #BD0B7D;
}
.mg-matome{
	margin: -30px -40px -20px -20px;
}
.tbl-kantan th{
	white-space: nowrap;
	color: #BD0B7D;
	padding: 5px 10px;
	text-align: center;
	font-size: 120%;
}
.tbl-kantan td{
	padding: 5px;
}
.privacy{
	height: 250px;
	overflow: auto;
	border: 1px solid #CCC;
	margin: 0 0 15px;
}

.inq input,
.inq select{
	border: 1px solid #CCC;
	padding: 4px;
	margin: 4px;
	width: 24em;
}
.inq .td-type input{
	border: none;
	width: auto;
}
.inq .zip input{
	width: 4em;
}
.inq .pref select{
	width: auto;
}
.inq .add input{
	width: 96%;
}
.inq .td-company input{
	width: 96%;
}
.inq textarea{
	border: 1px solid #CCC;
	padding: 4px;
	margin: 4px;
	width: 96%;
	height: 12em;
}
.inq .comf input{
	border: none;
	width: auto;
}
.inq ol{
	list-style-type: decimal;
	padding: 0px 0 0px 30px;
}
#contIn.sitemap ul{
	padding: 15px 15px 25px 45px;
}
.sitemap ul li{
	list-style: none;
	background: url(../image/sitemap/i_li.gif) 10px 3px no-repeat;
	padding: 0 0 15px 30px;
}
.sitemap ul li.li-top{
	background: none;
	padding: 0 0 15px 0px;
}
.sitemap ul li.li-end{
	background: url(../image/sitemap/i_li_end.gif) 10px 3px no-repeat;
}


/*-----------------------------------------------------------------
		class
------------------------------------------------------------------*/
.alin-c{ text-align: center;}
.alin-c table{ margin-left: auto; margin-right:auto;}
.alin-l{ text-align: left;}
.alin-r{ text-align: right;}

.va-btm{ vertical-align: bottom;}
.va-sub{ vertical-align: sub;}


.bdr{ border: 1px solid #CCC;}

.clr{ clear: both;}

.fc-red{ color: #FF0033; }
.flt-r{
	float: right;
	margin: 0px 0px 10px 10px;
}
.bgc-gry{ background-color: #F5F5F5;}

.flt-l{
	float: left;
	margin: 0px 10px 10px 0px;
}
.fs-sml{ font-size: 85%;}
.fs-lg{ font-size: 120%;}
.fs-lg2{ font-size: 140%;}

.lin-dot-pnk{ border-bottom: 1px dotted #CC0066;}
.lin-gry{ background: url(../image/comm/line_gry.gif) top left repeat-x;}

.pd3{padding:3px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}

.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt50 {padding-top:50px;}
	
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr30 {padding-right:20px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
	
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}
.pdl30 {padding-left:30px;}
.pdl35 {padding-left:35px;}
.pdl40 {padding-left:40px;}
.pdt10b20l10{padding:10px 0 20px 10px;}

.mg10{margin:10px;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt60 {margin-top:60px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.mgl5 {margin-left:5px;}
.mgl8 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}


.tbl-nml{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 20px 0 20px;
}

.tbl-nml th{
	background-color: #F5F5F5;
	text-align: center;
	white-space: nowrap;
	padding: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	vertical-align: top;
}
.tbl-nml td{
	padding: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.tbl-nml td.nopd{
	padding: 0px;
}
.tbl-nopd th,
.tbl-nopd td{
	padding: 1px 4px;
	text-align: center;
	vertical-align: middle;
}