@charset "utf-8";

/* ▼▼Reset
/////////////////////////////////////////////// */
*{
	margin:0;
	padding:0;
}

body{
	font-size:12px;
	font-family: 'Lucida Grande','Lucida Sans Unicode',Meiryo,'Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color:#fff;
	background:#000;
	margin:0;
	padding:0;
}

img{
	border:none;
	vertical-align:top;
}

/* ▼Link
----------------------------------------------- */
a {
	color:#21abd9;
}
a:hover {
	color: #d46192;
	text-decoration: none;
}
a:visited {
	/*color: #297acc;*/
}
a:visited:hover {
	color: #e35300;
	text-decoration: none;
}


/* ▼List
----------------------------------------------- */
li{
	list-style:none;
	list-style-position:outside;
}


/* ※見出し画像余白対策
----------------------------------------------- */
h1 img,h2 img,h3 img,h4 img{
	vertical-align:top;
}


/* ▼Float
----------------------------------------------- */
.fr{
	float:right;
}
.fl{
	float:left;
}
.fc{
	clear:both;
}
br.fc{
	height:0;
	clear:both;
	font-size:0;
	line-height:0;
	display:block;
}
.fcdummy{
	font-size:0;
	line-height:0;
}



.clearFix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

* html .clearFix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ▼▼Layout
/////////////////////////////////////////////// */

/* ▼Cover
----------------------------------------------- */


/* ▼Header
----------------------------------------------- */
.pageHeader{
	width:100%;
	height:95px;
	background:url(../../images/header/bg_main.gif) repeat-x;
	border-bottom:solid 1px #000;
}
.pageHeader .headerBody{
	width:940px;
	height:95px;
	margin:0 auto;
}

.pageHeader .summary{
	height:25px;
	float:left;
}
.pageHeader .summary *{
	color:#999;
	font-size:10px;
	line-height:25px;
	font-weight:normal;
	display:inline;
	padding-right:8px;
}
.pageHeader ul.areaSelect{
	height:20px;
	float:right;
	padding:5px 0 0 0;
}
.pageHeader ul.areaSelect li{
	display:inline;
	margin-left:3px;
}

.pageHeader .headerContent{
	clear:both;
	position:relative;
}
.pageHeader .headerContent .logo{
	float:left;
	padding:13px 0 0 0;
}

.pageHeader .headerContent .contentsSelect{
	float:right;
	padding:15px 10px 0 0;
}
.pageHeader .headerContent .contentsSelect ul{
	float:right;
	padding:0 4px 0 0;
}
.pageHeader .headerContent .contentsSelect li{
	float:left;
	/*width:120px;*/
	height:40px;
	/*padding:0 1px 0 0;*/
	border-right:solid 1px #1f1f1f;
}
.pageHeader .headerContent .contentsSelect li span{
	height:40px;
	line-height:40px;
	text-align:center;
	border:solid #383838;
	border-width:0 1px 0 1px;
	padding:0 12px 0 12px;
}
.pageHeader .headerContent .contentsSelect li a{
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	background:url(../../images/header/contentsSelect_li-bg.gif) repeat-x;
	background-position:0 0;
}
.pageHeader .headerContent .contentsSelect li a:hover{
	color:#f28100;
	background-position:0 -40px;
}
.pageHeader .headerContent .contentsSelect .groovy{
	float:right;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
}
.pageHeader .headerContent .contentsSelect .groovy span{
}
.pageHeader .headerContent .contentsSelect .groovy a{
	display:inline-block;
	width:140px;
	height:40px;
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(../../images/header/contentsSelect_groovy-bg.gif) no-repeat;
	background-position:0 0;
}
.pageHeader .headerContent .contentsSelect .groovy a:hover{
	color:#f28100;
	background-position:0 -40px;
}


/* ▼ Route
----------------------------------------------- */
.route{
	height:30px;
	font-size:10px;
	line-height:30px;
	padding:0 0 0 10px;
}
.route li{
	display:inline;
	color:#999;
}



/* ▼ Contents
----------------------------------------------- */
.pageContents{
	width:940px;
	position:relative;
	margin:0 auto;
}

/* ◇ 共通BOX */
.commonContainer{
	margin:0 0 20px 0;
}
.commonItem{
	margin:0 0 15px 0;
}
.commonItem p{
	font-size:12px;
	line-height:18px;
	margin:0 0 15px 0;
}


/* ◇ 共通リンクスタイル */
.commonLink a{
	display:block;
	font-size:12px;
	line-height:16px;
	background:url(../../../images/home/category-related_linkicon.gif) no-repeat;
	background-position:0 1px;
	padding:0 0 0 16px;
}

/* ◇ 共通見出し */
.commonH-1{
	height:34px;
	font-size:14px;
	font-weight:bold;
	line-height:34px;
	color:#fff;
	border:solid #212121 1px;
	background:url(../../images/body/h-1_bg.gif) repeat-x;
	padding:0 0 0 9px;
	margin:0 0 10px 0;
}
.commonH-1 a{ color:#fff;}
.commonH-2{
	font-size:14px;
	line-height:18px;
	color:#dc1919;
	margin:0 0 7px 0;
}

/* ◇ 共通フォームスタイル */
.commonForm table{
	border:solid #333;
	border-width:1px 1px 0 0;
}
.commonForm th,
.commonForm td{
	font-size:12px;
	text-align:left;
	vertical-align:top;
	border:solid #333;
	border-width:0 0 1px 1px;
	padding:8px 8px 8px 8px;
}
.commonForm th{
	width:25%;
	font-weight:normal;
	background:#262626;
}
.commonForm td{
	width:80%;
	font-size:12px;
	background:#000;
}
.commonForm td p{
	font-size:12px;
	margin:0 0 7px 0;
	padding:0 0 0 0;
}
.commonForm span.supple{
	font-size:10px;
	color:#ff9a43;
}
.commonForm td.submit{
	width:100%;
	text-align:center;
	background:url(../../images/aboutus/opinion_form_endarrow.gif) no-repeat;
	background-position:center top;
	padding-top:24px;
}
.commonForm div#corporationAct,
.commonForm div#contentClassAct,
.commonForm div#categoryClassAct{
	display:none;
	/*background:#e5f3f6;*/
	border:solid #dfdfdf;
	border-width:1px 0 0 0;
	margin:8px 0 0 0;
	padding:5px 3px 3px 3px;
}
.commonForm p.form,
.commonForm p.form{
	border:dotted #dfdfdf;
	border-width:1px 0 0 0;
	background:url(../../images/aboutus/opinion_form_icon.gif) no-repeat !important;
	background-position:0 9px !important;
	margin-bottom:5px;
	padding:5px 0 5px 16px !important;
}

.commonForm input,
.commonForm textarea{
	/*border:solid 1px #cccccc;
	background:none;*/
	font-size:12px;
	padding:2px;
}
.commonForm select{
	/*border:solid 1px #cccccc;
	background:none;*/
	font-size:12px;
}



/* ▼ Footer
----------------------------------------------- */
div.pageFooter{
	width:940px;
	margin:0 auto;
	padding:20px 0 20px 0;
}
div.pageFooter .footerMain{
	border:solid #1a1a1a;
	border-width:0 1px 1px 1px;
}
div.pageFooter-head{
	height:41px;
	border:solid #1a1a1a;
	border-width:1px 0 1px 0;
}
.pageFooter-H{
	float:left;
	height:41px;
	line-height:41px;
	color:#d93757;
	font-size:12px;
	padding:0 0 0 12px;
}
.pageFooter-H a{
	color:#d93757;
}
div.pageFooter-head ul{
	float:right;
}
div.pageFooter-head li{
	float:left;
	height:28px;
	border-left:solid 1px #1a1a1a;
	padding:13px 9px 0 9px;
}
div.pageFooter-head li a{
	color:#ccc;
}
div.pageFooter-head .commonLink a{
	background-image:url(../../images/body/link_sq_3.gif);
}


div.footerMain ul.Prefecture{
	clear:both;
	border:solid #1a1a1a;
	border-width:0 0 1px 0;
}
div.footerMain .Prefecture li{
	float:left;
	height:25px;
	font-size:12px;
	line-height:25px;
	background:url(../../images/footer/footer_prefecture-bg_y.gif) repeat-y;
	background-position:right;
	padding:0 20px 0 20px;
}
div.footerMain .Prefecture li.act{
	background-color:#0f0f0f;
}
div.footerMain .Prefecture li a{color:#ccc;}
div.footerMain .Prefecture li.act a{color:#f28100;}

div.footerMain .Category{
	border:solid #1a1a1a;
	border-width:0 1px 1px 1px;
	background-color:#0f0f0f;
	padding:10px 0 5px 0;
}
div.footerMain .Category ul{
	padding:0 0 5px 0;
}
div.footerMain .Category li{
	float:left;
	height:25px;
	font-size:12px;
	line-height:25px;
	background:url(../../images/footer/footer_prefecture-bg_y.gif) repeat-y;
	background-position:right;
	padding:0 20px 0 20px;
}
div.footerMain .Category li a{color:#ccc;}
div.footerMain .Category li.act a{
	color:#f28100;
}


div.pageFooter .othLink{
	padding:0 10px;
}
div.pageFooter .othLink ul{
	float:right;
}
div.pageFooter .othLink li{
	float:left;
	padding:13px 0 13px 25px;
}
div.pageFooter .othLink p.commonLink a{
	background-image:url(../../images/body/link_sq_2.gif);
}

.copyright{
	height:45px;
	font-size:10px;
	line-height:45px;
	color:#4c4c4c;
	text-align:right;
	background:#1a1a1a;
	padding:0 10px;
}


/* ▼ Smartphone guide
----------------------------------------------- */
/*#spGuide{
	width:100%;
	position:fixed;
	bottom:0;
	background:#202020;
	border-top:solid 1px #3a3a3a;
	color:#ccc;
	padding:10px 0;
}
#spGuide .inner{
	text-align:center;
	margin:0 auto;
}*/
#spGuide{
	width:100%;
	text-align:center;
	/*background:#252525;*/
	background:linear-gradient(#898989, #f6f6f6);
	background:-webkit-gradient(linear, left top, left bottom, from(#898989), to(#f6f6f6));
	background:-moz-linear-gradient(top, #898989, #f6f6f6);
	
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #676767;

	/*border:solid #3a3a3a;
	border-width:1px 0 1px 0;*/
	padding:5px 0;
}
#spGuide .inner .banner{
}
#spGuide .inner .text{
}