@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 Site URL:       http://
 File name:      under.css
   
----------------------------------------------------------- */

/* ----------------------------------------------------------------------
	common
---------------------------------------------------------------------- */

h2 {
margin-bottom: 20px;
}
/* ----------------------------------------------------------------------
	sidebar
---------------------------------------------------------------------- */

#sidebar #ulinkBox {width: 192px; background: #F8F8F3; font-size: 85%; padding: 5px 3px 5px 3px; margin-bottom: 15px; border: solid 1px #D2D2D2; }

#sidebar #ulinkBox ul li{ width:168px;line-height:1; margin-bottom:4px;}
#sidebar #ulinkBox ul li a{width:168px;display:block;background:url(../img/common/icon_pagelink_off.gif) 8px 6px no-repeat;padding:7px 0 5px 24px;}
#sidebar #ulinkBox ul li.liOn01 a{width:168px;display:block;background:url(../img/common/icon_pagelink_on.gif) 8px 6px no-repeat #9FC448;padding:7px 0 5px 24px;}

#sidebar #ulinkBox ul li a:link{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox ul li a:visited{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox ul li a:hover{ color:#FFF; font-weight:bold;text-decoration:none;background:url(../img/common/icon_pagelink_on.gif) 8px 6px no-repeat #9FC448;}
#sidebar #ulinkBox ul li a:active{ color:#FFF; font-weight:bold;text-decoration:underline;background:url(../img/common/icon_pagelink_on.gif) 8px 6px no-repeat #9FC448;}

#sidebar #ulinkBox ul li.liOn01 a:link{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox ul li.liOn01 a:visited{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox ul li.liOn01 a:hover{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox ul li.liOn01 a:active{ color:#FFF; font-weight:bold;text-decoration:none;}


#sidebar #ulinkBox dl dt{ background-color:#FF9900; color:#FFF; font-weight:bold; padding:5px 0 3px 8px; margin-bottom:3px;}

#sidebar #ulinkBox dl dd{line-height:1; margin-bottom:4px;}
#sidebar #ulinkBox dl dd.ddBtm10{ margin-bottom:10px;}
#sidebar #ulinkBox dl dd a{display:block;background:url(../img/common/icon_pagelink_off.gif) 8px 7px no-repeat;padding:8px 0 7px 24px;}

#sidebar #ulinkBox dl dd.ddOn01 a{display:block;background:url(../img/common/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;padding:8px 0 7px 24px;}
#sidebar #ulinkBox dl dd.ddOn02 a{display:block;background:url(../img/common/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;padding:8px 0 7px 24px; margin-bottom:10px;}

#sidebar #ulinkBox dl dd.ddOn01 a:link{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn01 a:visited{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn01 a:hover{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn01 a:active{ color:#FFF; font-weight:bold;text-decoration:none;}

#sidebar #ulinkBox dl dd.ddOn02 a:link{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn02 a:visited{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn02 a:hover{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn02 a:active{ color:#FFF; font-weight:bold;text-decoration:none;}

#sidebar #ulinkBox dl dd a:link{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox dl dd a:visited{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox dl dd a:hover{ color:#FFF; font-weight:bold;text-decoration:none;background:url(../img/common/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;}
#sidebar #ulinkBox dl dd a:active{ color:#FFF; font-weight:bold;text-decoration:underline;background:url(../img/common/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;}


/* ----------------------------------------------------------------------
	voice
---------------------------------------------------------------------- */

#contents .voice h2 { margin-bottom: 10px; }

#contents .voice h3{ margin-bottom:0;}
#contents .voice h3.underh3{ margin-bottom:20px;}

#contents .voice h4{ margin-bottom:5px;}

#contents .voice #indexBox{ margin:0 16px;}

#contents .voice #indexBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents .voice #indexBox .leftBox{
	width:284px;
	float:left;
	padding:5px 4px 2px 4px;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #D2D2D2;
	background-color:#F7F7F7;
}

#contents .voice #indexBox .rightBox{
	width:284px;
	float:left;
	padding:5px 4px 2px 4px;
	margin-bottom:20px;
	border:1px solid #D2D2D2;
	background-color:#F7F7F7;
}

#contents .voice #indexBox .boxInner{
	padding:7px 10px 7px 7px;
}

#contents .voice #indexBox .boxInner img{
	width:64px;
	float:left;
	margin-right:10px;
}
#contents .voice #indexBox .boxInner p{
	width:185px;
	float:left;
	padding-top:5px;
	line-height:1.4;
}

#contents .voice #voiceBox{
	margin-bottom:25px;
	background:url(../img/common/img_voiceparts02.gif) 0 0 repeat-y;
}

#contents .voice #voiceBox .innerBox{ padding:0 14px;}
#contents .voice #voiceBox .innerBox p{font-size: 90%; line-height:1.8;}
#contents .voice #voiceBox .innerBox p.user{color:#5F9D1A; text-align:right;}
#contents .voice #voiceBox .innerBox p strong{color:#FF3300; font-weight:normal;}

#contents .voice #voiceBox img{ font-size:0; line-height:0;}


/* ----------------------------------------------------------------------
	faq
---------------------------------------------------------------------- */

#contents .faq h2 { margin-bottom: 10px; }

#contents .faq h3{ margin-bottom:15px;}

#contents .faq dl{font-size:90%;border-bottom:1px dotted #BBB; margin-bottom:15px; padding-bottom:10px;}
#contents .faq dl.dlBtm{border:none; padding-bottom:0;}

#contents .faq dl dt{
	font-weight:bold;
	padding:7px 0 7px 32px;
	margin:0 10px 4px 4px;
}
#contents .faq dl dd{
	line-height:1.8;
	padding:5px 0 5px 32px;
	margin:0 10px 0 4px;
}

#contents .faq dl dd.ddVer2{ margin-left:5px;background-image:none;}

#contents .faq dl dd strong{ color:#5F9D1A;}

.faq table {
	width:420px;
	font-size: 100%;
}
.faq table th {
	background: #9FC44A;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	text-align:center;
	padding:5px;
	border-bottom: solid 1px #FFF;
}

.faq table th.btm { border-bottom: solid 1px #D2D2D2; }
.faq table td { padding:5px; vertical-align: middle; }
.faq table td.tdTxtC{text-align:center;}
.faq table td span.fcOrageB { color:#FF6600; font-weight:bold;}
.faq table td a { color: #FF781E; }

/* ----------------------------------------------------------------------
	law
---------------------------------------------------------------------- */

.law div { padding-bottom: 20px; }

.law table {
	width: 605px;
	font-size: 110%;
	margin: 0 0 0 17px;
}
.law table th {
	background: #9FC44A;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: solid 1px #FFF;
}
.law table th.btm { border-bottom: solid 1px #D2D2D2; }
.law table td { vertical-align: middle; }
.law table td a { color: #FF781E; }


/* ----------------------------------------------------------------------
	privacy
---------------------------------------------------------------------- */

.privacy h3 {
color: #111;
font-size: 108%;
font-weight: bold;
margin-bottom: 10px;
background-color: #f6f6f6;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.privacy h4 {
font-size: 108%;
font-weight: bold;
margin-bottom: 5px;
}
.privacy h4 span {
color: #FABA00;
}

#privacyBox {
	margin: 0 12px;
}

#privacyBox p {
	font-size: 90%;
	line-height: 1.8;
	margin-bottom: 25px;

}

#privacyBox div {
	margin: 0 0 0 14px;
}


#privacyBox div dl {
	font-size: 90%;
	line-height: 1.5;
	margin-bottom: 25px;
}

#privacyBox div dl dt {
	width: 20px;
}

#privacyBox div dl dd {
	margin: -1.5em 0 10px 20px;
}


/* ----------------------------------------------------------------------
	catalog
---------------------------------------------------------------------- */

#catalogBox {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}

#catalogBox p {
	font-size: 90%;
	line-height: 1.8;
}

#catalogBox .notice {
margin-bottom: 30px;
border: 1px dotted #FBBB01;
padding-top: 20px;
padding-right: 25px;
padding-bottom: 20px;
padding-left: 25px;
}

#catalogBox .notice p strong {
color: #C30;
}

.catalog #catalogBox table {
	width: 100%;
	font-size: 108%;
	margin: 0 0 20px;
}
.catalog #catalogBox table th {
background: #f6f6f6;
width: 28%;
color: #111;
font-weight: bold;
vertical-align: middle;
border-bottom: solid 1px #ccc;
padding-right: 20px;
padding-left: 20px;
}

.catalog #catalogBox table th span { color: #C30; margin-left: 5px; font-weight: normal; }

.catalog #catalogBox table th.btm { border-bottom: solid 1px #D2D2D2; }
.catalog #catalogBox table td {
vertical-align: middle;
padding-right: 30px;
padding-left: 30px;
}

.catalog #catalogBox table td.name input ,
.catalog #catalogBox table td.kana input {
	width: 150px;
	margin: 0 10px 0 5px;
}

.catalog #catalogBox table td.mail input { width: 350px; margin-bottom: 5px; }
.catalog #catalogBox table td.address input { width: 380px; margin-bottom: 5px; }
.catalog #catalogBox table td.tel input { width: 200px; margin-bottom: 5px; }
.catalog #catalogBox table td.kind { line-height: 2; }
.catalog #catalogBox table td.kind input { margin-right: 5px; }
.catalog #catalogBox table td.pp input { margin-right: 5px; }

.catalog #catalogBox table td textarea { width: 350px; }

.catalog #catalogBox table td .privacy {
	overflow: auto;
	height: 250px;
	padding: 10px;
	border: solid 1px #D2D2D2;
}

.catalog #catalogBox p.btnConf {
	text-align: center;
	margin-bottom: 40px;
}
/* ↓20131126追加 */
.ctlgPh {
float: left;
padding-left: 35px;
margin-bottom: 15px;
}
.ctlgDescription {
float: right;
padding-right: 20px;
width: 390px;
padding-top: 30px;
margin-bottom: 15px;
}
.ctlgTxt {
margin-bottom: 15px;
}


/* ----------------------------------------------------------------------
	mailmagazine
---------------------------------------------------------------------- */

#mailmagazineBox {
padding-top: 20px;
}

#mailmagazineBox p {
	font-size: 90%;
	line-height: 1.8;
}

.mailmagazine #mailmagazineBox p.btnConf {
	text-align: center;
	margin-bottom: 40px;
}
.mailmagazineBox01 {
float: left;
padding-left: 30px;
}
.mailmagazineBox02 {
width: 380px;
float: right;
}
.mailmagazineBox02 p span {
color: #B81F1F;
}
/* ----------------------------------------------------------------------
	sitemap
---------------------------------------------------------------------- */

.sitemap h2 { margin-bottom:15px;}

.sitemap ul{margin-bottom:20px;}

.sitemap ul li {
	background: url(../img/common/icon_a_g.gif) 0 3px no-repeat;
	font-size: 90%;
	padding: 0 0 0 12px;
	margin-right: 25px;
	margin-left: 12px;
	margin-bottom: 10px;
}

.sitemap dl{margin-bottom:20px;}

.sitemap dl.dlbtm{ border-bottom:1px solid #E4E4E4; padding-bottom:10px;}

.sitemap dl dt {
	background:url(../img/common/sttl_01_bg.gif) 0 0 no-repeat;
	color: #F60;
	font-size: 115%;
	font-weight: bold;
	padding: 2px 0 3px 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #E4E4E4;
}

.sitemap dl dt a:link{color:#F60;text-decoration:none;}
.sitemap dl dt a:visited{color:#F60;text-decoration:none;}
.sitemap dl dt a:hover{ color:#F60;text-decoration:none;}
.sitemap dl dt a:active{ color:#F60;text-decoration:none;}

.sitemap dl dd{
	background: url(../img/common/icon_a_g.gif) 0 3px no-repeat;
	font-size: 90%;
	padding: 0 0 0 12px;
	margin-left: 12px;
	margin-bottom: 10px;
}

.sitemap dl dd.ddBtm{margin-bottom:17px;}

.sitemap dl dd.areaTtl{color:#FF9900; font-weight:bold; background-image:none; margin-left:0;}

#sitemapBox {
	margin: 0 15px;
}

#sitemapBox .innerBox{
	width:401px;
	float:left;
	margin-right:17px;
}

#sitemapBox .leftBox{
	width:192px;
	margin-right:17px;
	float:left;
}
#sitemapBox .centerBox{
	width:192px;
	float:left;
}
#sitemapBox .rightBox{
	width:192px;
	float:left;
}

/* ----------------------------------------------------------------------
	contact
---------------------------------------------------------------------- */
/* 20131205 */
.contMtit {
margin-bottom: 15px;
}
.contTopBtn {
width: 380px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.contTopBtn01 {
float: left;
}
.contTopBtn02 {
float: right;
}

/* -- end -- */