@charset "utf-8";
/*
Theme Name: theme029
Description: theme029
Version: 1.0
Author: o2 Group
Tags: simple

o2 Group sagyou v1.0
This theme was designed and built by o2 Group,
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0;}

body { font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; color: #000; background: #FFFFFF url(images/bg2.jpg) no-repeat center top; min-width: 1100px;}
#index { background: #FFFFFF url(images/bg.png) repeat-x center top;}

a { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}
a:active, a:focus { outline: 0;}

.clear { clear: both;}
table { border-collapse: collapse;}
img { border: none;}
hr { display: none;}

/*************
全体
*************/
/*#wrapper { width: 1020px; margin: 0 auto;}*/
#container { width: 1020px; margin: 0 auto;}
#index #container,
#index .container { width: 1080px; margin: 0 auto;}


.pageTop { clear: both; margin: 30px;}
.pageTop p { text-align: right;}
.pageTop a:hover { text-decoration: underline;}


/*************
/* ヘッダー
*************/
#header { position: relative; width: 1040px; height: 35px; margin: 0 auto;}
#index #header { height: 130px;}
#header h1 { padding: 3px 0 1px 15px; color: #000; font-weight: normal; width: 760px; font-size: 11px; letter-spacing: -0.05em; line-height: 1.2;}
#index #header h1 { color: #fff;}

#header .ln { position: absolute; top: 3px; right: 20px;}
#header .ln li { float: right; margin-left: 10px; font-size: 10px; list-style: none;}
#header .ln li img { vertical-align: bottom;}
#header .ln li a,
#header .ln li a:hover { color: #000;}
#index #header .ln li a,
#index #header .ln li a:hover { color: #fff;}

#header #logo { position: absolute; top: 30px; left: 0;}

#nvCo { position: absolute; top: 140px;}
#nvCo li { float: left; margin-right: 0px; list-style: none;}
#nvCo a:hover img { opacity: 0.8; filter: alpha(opacity = 70);}


/*************
メイン（右側）コンテンツ
*************/
#main { float: right; width: 760px; margin-right: 10px;}
#index #main,
#index .main  { float: none; width: 1080px; margin: 0;}


#main h2,
.main h2 { clear: both; margin: 0 0 15px; padding: 0 0 0 40px; color: #000000; font-size: 25px; font-weight: bold; line-height: 40px; background: url(images/heading.png) no-repeat;}

#main h3 { clear: both; margin: 0 0 15px; padding: 0 0 0 10px; color: #FFF; font-size: 20px; line-height: 35px; font-weight: normal; letter-spacing: 0.1em; background: url(images/h3.jpg) no-repeat;}

#main h4 { clear: both; margin: 0 0 20px; padding: 0 0 10px 15px; color: #111; font-size: 18px; line-height: 30px; letter-spacing: 0.1em; background: url(images/h3.jpg) no-repeat;}


/************************************要望5**********************************************/

/**　右ブロック　**/
#main  #osirase{
     float:right;
	 width:309px;
	 }

#main #osirase h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_right.jpg) no-repeat ;/*********************　←　ここで背景画像　変更可能　*********************/
padding-left:-15px;
/**padding-bottom: 10px;
margin-top: 20px;**/
letter-spacing: 0.2em;
color: #000000;
}

#main #osirase ul{
     width:280px;
     }

#main #osirase ul li{
	 list-style:none;
     }

#main #osirase ul li a:hover{
	 text-decoration:underline;
     }

#main #osirase p{
     font-size:10px;
}


#main #osirase #thumbnailimg{
     float:left;
	 margin-right:10px;
	 }

#main #osirase #short_contents{
     float:left;
	 margin-left:5px;
	 font-size:11px;
	 width:180px;
	 }



/**　左ブロック　**/
#main #osirase2{
     float:right;
     width:309px;
	 }
	 
#main #osirase2 h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_left.jpg) no-repeat ;/*********************　←　ここで背景画像　変更可能　*********************/
padding-left:-15px;
/**padding-bottom: 10px;
margin-top: 10px;**/
letter-spacing: 0.2em;
color: #000000;
}

#main #osirase2 ul{
     width:280px;
     }

#main #osirase2 ul li{
	 list-style:none;
     }

#main #osirase2 ul li a:hover{
	 text-decoration:underline;
     }

#main #osirase2 p{
     font-size:10px;
}


#main #osirase2 #thumbnailimg{
     float:left;
	 margin-right:10px;
	 }

#main #osirase2 #short_contents{
     float:left;
	 margin-left:5px;
	 font-size:11px;
	 width:180px;
	 }

/*#main p { padding: 5px 15px 15px 0px;}*/


/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

/*#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}*/

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
}


p.button a{
width:195px;
height:32px;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
display:block;
/**margin: 0 -20px;**/
color:#000000;
}


p.button a:hover{
     cursor:pointer;
     background-position: 0 -32px;
     color:#000000;
	 }


/*************
サイド（左側）コンテンツ
*************/
#sidebar { width: 230px; padding: 0px 0;}
#sidebar p { margin-bottom: 20px;}

#sidebar h3 { margin-top: 5px; padding: 0 10px 0 15px; color: #111; font-size: 15px; font-weight: normal; line-height: 40px; background: #F6F6F6 url(images/sidebar_h3.jpg) no-repeat;}

#sidebar ul { margin-left: 5px; padding: 10px 0;}
#sidebar li { margin: 0 10px 10px 5px; list-style: none; border-bottom: 1px dashed #aeaeae;}
#sidebar li a { background: url(images/list.png) no-repeat 0 0; display: block; padding-left:15px;}
#sidebar li a:hover { background-position: 3px 50%;}

#sidebar a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

#sidebar .menu ul,
#sidebar .menu li { margin: 0; padding: 0; border: none;}
#sidebar .menu li { width: 200px; height: 40px; margin-left: 10px; line-height: 40px; background: url(images/common/menu_bg.png) no-repeat 0 0;}
#sidebar .menu a { padding-left: 15px; font-size: 15px; background: none;}
#sidebar .menu a:hover { background-position: 0 0 ;}


/* フッター
*************/
#footer { clear: both; width: 100%; height: 370px; background: url(images/footer_bg.jpg) repeat-x center 30px #fff;}
#footer #ftr { position: relative; width: 1020px; height: 330px; margin: 0 auto; padding: 0 20px;}

#fw { position: absolute; top: 60px; left: 30px;}

.ftrLn { position: absolute; top: 10px; right: 40px;}
.ftrLn li { float: right; font-size: 12px; list-style: none;}
.ftrLn span { margin: 0 5px; color: #111;}
.ftrLn a,
.ftrLn a:visited,
.ftrLn a:hover { color: #111;}

.gaiyou { position: absolute; top: 40px; right: 30px; color: #111; font-size:12px;}
.gaiyou p { margin-bottom: 10px;}

#footer section { margin-bottom: 15px;}
/*#footer section { float: left; margin-right: 20px;}*/

#footer .menu { width: 660px; margin-left: 35px;}
#footer .menu li { float: left; width: 330px; margin-bottom: 2px; list-style: square/*circle*/;}


/*
#footer #box_wrapper{
     margin-left:150px;
	 float:right;
	 }

#footer #box_wrapper li{
	 list-style:none;
	 font-size:12px;
	 }

#footer #box_wrapper li a{
	 color:#111111;
	 }

#footer #box_wrapper li a:hover{
	 color:#111111;
	 text-decoration:underline;
	 }
*/
	 

#footer address{
padding: 100px 0 3px;
text-align: center;
font-style:normal;
font-size: 10px;
clear:both;
display:block;
color:#FFFFFF;  /*********************　←　ここで「コピーライトの文字の色」　変更可能　*********************/
}

/* ---------------------------------------------------------------------
Widget：[メイン]新着記事一覧
--------------------------------------------------------------------- */
#top-news {
	margin-bottom:20px;
}

#top-news h3 {
	margin: 0;
	background: url('images/list2.png') no-repeat left top;
	_height:1px;
	padding:5px 10px 0 10px;
	font-size:115% !important;
	font-size:110%;
	font-weight:bold;
}

#top-news .news {
	padding:2px 10px 2px 3px;
}

#top-news .day {
	float: left;
	width: 80px;
	margin-left:20px;
	padding: 0 0 0 30px;
	background: url('images/list2.png') no-repeat 0 center;
	font-size:100% !important;
	font-size:110%;
}

#top-news .title {
	float: right;
	padding-left:7px;
	width: 450px;
}


#top-news .news_sentence{
     padding-left:50px;
	 font-size:11px;
}

/* ---------------------------------------------------------------------
Widget：[メイン]トップ表示記事
--------------------------------------------------------------------- */
.top-entry-content {
	margin-bottom:20px;
}

.top-entry-content h3.title {
	margin: 0;
	padding:5px 10px 0 10px;
	font-size:115% !important;
	font-size:110%;
	font-weight:bold;
	background: url('images/list.png') no-repeat left top;
}

.top-entry-content .content {
	padding:10px;
}

.top-entry-content .content img {
	background-color:#DCE2F3;
	padding: 3px;
}


/*
投稿
============================================================================================= */

.countdown {
	font-size: 15px;
	color: #999;
}

.time {
	margin: 10px 0 7px 2px;
}

.post h2 {
	margin: 0 0 3px 0;
	font-size: 1em;
}

section article.list { margin-left: 15px;}

#main .post { clear: both; margin-bottom: 20px;}

/*.post img { float: left; margin: 0 10px 10px 0; border: 1px solid #F4F4F4;}*/

#main .post .dateLabel { float: right; margin: 0 25px 0 0;}
#main .post p a,
#main .post p a:visited,
#main .post p a:hover { color: #111111;}
#main .post .detailCo p { margin: 20px 15px 0 15px;}

.pagenav { clear: both; width: 240px; margin: 40px auto 0;}
.pagenav span { margin-left: 15px;}

.page_title {
	font-size: 1em;
}

.page_title a {
	color: #555;
}

.post2 {
	margin: 0 0 5px 0;
	padding: 0 8px 0 2px;
}

.post2 p {
	margin: 0 0 .5em 0;
	padding: 0 1px;
	line-height: 1.8em;
}

.keyword {
	margin: 0 0 0 5px;
	font-size: .9em;
}

.rate {
	margin: 0 0 0 5px;
	font-size: .9em;
}

#newsArea {
	clear: both;
	margin: 5px 0;
}

ul.catmenu {
	clear: both;
	float: none;
	list-style: none;
	margin: 0 0 20px 14px;
	width: 240px;
}
ul.catmenu li {
	background-image: none;
	border-bottom: 1px dashed #E9C2BC;
	color: #333;
	float: none;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 1.4;
	margin: 0;
	padding: 10px 5px;
	text-align: left;
	width: 230px;
}
ul.catmenu li:last-child {
	border-bottom: none;
}
ul.catmenu li a,
ul.catmenu li a:hover {
	background-image: none;
}
ul.catmenu li div.dmt {
	color: #C00;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.2;
	padding: 1em 0 0;
	text-align: right;
}


/* 会社案内
============================================================================================= */
.outlinePhotoP2Tb { width: 100%; margin: 0 0 20px 0;}
.outlinePhotoP2Tb.mt { margin-top: 15px;}
.outlinePhotoP2Tb.mb { margin-bottom: 30px;}
.outlinePhotoP2Tb img { padding: 10px; border: 1px solid #CCC; background: #FFF;}
/*.outlinePhotoP2Tb th:nth-child(1) { text-align: left;}
.outlinePhotoP2Tb th:nth-child(2) { text-align: right;}*/
.outlinePhotoP2Tb td { padding: 0 0 5px; font-size: 17px;/* font-weight: bold;*/ text-align: center;}
.outlinePhotoP2Tb .bn { border: none;}
.outlinePhotoP2Tb th,
.outlinePhotoP2Tb td { width: 50%;}
.outlinePhotoP2Tb th span { display: block; margin-top: 5px; font-weight: normal;}

.outlinePhotoP3Tb { width: 100%; margin: 0 0 20px 0;}
.outlinePhotoP3Tb.mt { margin-top: 15px;}
.outlinePhotoP3Tb.mb { margin-bottom: 30px;}
.outlinePhotoP3Tb img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP3Tb td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}

.outlinePhotoP4Tb { width: 100%; margin: 0 0 20px 0;}
.outlinePhotoP4Tb.mt { margin-top: 15px;}
.outlinePhotoP4Tb.mb { margin-bottom: 30px;}
.outlinePhotoP4Tb img { padding: 2px; border: 1px solid #CCC; background: #FFF;}
.outlinePhotoP4Tb td { padding-top: 5px; font-size: 14px; font-weight: bold; text-align: center;}


.outlineTb { width: 730px; margin: 0 0 20px 15px; font-size: 13px; background: #FFF; border-top: 1px dotted #ccc;}
.outlineTb.mt { margin-top: 15px;}
.outlineTb.mb { margin-bottom: 30px;}
.outlineTb th,
.outlineTb td { padding: 20px 15px; border-bottom: 1px dotted #ccc;}
.outlineTb th { width: 30%; color: #333; padding-left: 30px; text-align: left;}
.outlineTb tr:nth-child(2n+1) { background: #fafafa;}
.outlineTb span { margin-left: 5px;}
.outlineTb .mt { margin-top: 5px;}
.outlineTb .mtb { margin: 5px 0;}

.outlineTb2 { width: 710px; margin: 0 0 20px 20px; font-size: 13px; border: 2px solid #CCC; background: #FFF;}
.outlineTb2.mt { margin-top: 15px;}
.outlineTb2 th,
.outlineTb2 td { padding: 10px 15px; border: 1px solid #E8E8E8;}
.outlineTb2 th { width: 25%; font-weight: normal; background: #FAFAFA;}
.outlineTb2 span { margin-left: 5px;}


.mapCo { padding: 0; /*background: url(images/common/map.png) no-repeat 595px 195px;*/}
.mapCo iframe { border: 1px solid #CCC;}
#main .mapCo p { margin: 0; padding: 0;}
#main .mapTxt { margin: 5px 0 30px 5px; padding: 0;}


/* common/
============================================================================================= */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clr { display: inline-block;}

/* Hides from IE-mac \*/
* html .clr { height: 1%;}
.clr { display: block;}
/* End hide from IE-mac */


.hpBnr { margin: 10px 0 0; padding: 0;}
.hpBnr a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


#tt { width: 230px; margin: 30px 0 10px;}
#tt h3 { background: none;}
#fbl { width : 230px; margin: 30px 0 0 0;}


.fixed { position: fixed; top: 0; z-index: 100;}
.txt { clear: both; margin: 10px 0 40px 1.5em; text-indent: -1em;}


h2 .newIcon { margin-left: 10px; padding: 1px 4px 1px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #f60;}
h2 .soldIcon { margin-left: 10px; padding: 1px 4px 1px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #900;}


#main .mtH3 { margin-top: 30px;}
#main .mbH3 { margin-bottom: 15px;}
#main .bH3 { padding: 5px 0 0 5px; letter-spacing: 0.02em; font-weight: normal; background: url(images/h3.jpg) no-repeat 0 bottom;}
.bH3 span { display: block;}
#main .tH4 { clear: both; margin: -10px 0 0 15px; padding: 0; font-size: 20px; font-weight: normal; background: none;}


.cImg { margin-bottom: 20px; text-align: center;}
.cImg img { padding: 10px; border: 1px solid #ccc;}
.cImg.mb { margin-bottom: 40px;}
.cImg.mbn { margin-bottom: 0;}
.cImg.bn img { padding: 0; border: none;}
.cImg a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


.p2x2Co { clear: both; margin: 0 0 30px 5px;}
.p2x2Co div { float: left; width: 48%; margin-left: 10px;}
#main .p2x2Co h4 { margin: 0; padding: 0; background: none;}
.p2x2Co div table { width: 100%;}
.p2x2Co div table td { width: 50%; text-align: center;}
.p2x2Co div table th { width: 50%; padding-top: 3px;}
.p2x2Co img { padding: 2px; border: 1px solid #ccc;}
.p2x2Co a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


.tCo { margin: 0 auto 15px; padding: 20px 15px; letter-spacing: 0.05em;}
.tCo a { text-decoration: underline;}
.tCo.mt { margin-top: 15px;}
.tCo.mbn { margin-bottom: 0;}
.tCo.mb { margin-bottom: 40px;}

.tCo.t1 { color: #fff; background: #217FBC;}
.tCo.t1 a { color: #fff;}
.tCo.t12 { color: #fff; background: #034889;}
.tCo.t13 { color: #fff; background: #090;}

.tCo.t2 { color: #000; background: #fff; border: 1px solid #ccc;}
.tCo.t22 { color: #000; background: #fff; border: 1px solid #A09A10;}
.tCo.t23 { color: #000; background: #fff; border: 3px double #ccc;}
.tCo.t24 { color: #000; background: #fff; border: 3px double #A09A10;}

.tCo.t3 { color: #000; border-top: 4px solid #42A6E4; border-bottom: 4px solid #42A6E4;}
.tCo.t32 { color: #000; border-top: 8px solid #217FBC; border-bottom: 8px solid #217FBC;}
.tCo.t33 { color: #000; border-top: 8px solid #6501B1;}
.tCo.t34 { color: #000; border-bottom: 8px solid #217FBC;}
.tCo.t35 { color: #000; border-top: 3px double #6501B1; border-bottom: 3px double #6501B1;}

.tCo.w1 { width: 600px;}
.tCo.t2.w1,
.tCo.t22.w1 { width: 598px;}
.tCo.t23.w1,
.tCo.t24.w1 { width: 594px;}

.tCo.w2 { width: 500px;}
.tCo.t2.w2,
.tCo.t22.w2 { width: 498px;}
.tCo.t23.w2,
.tCo.t24.w2 { width: 498px;}

.tCo.w3 { width: 330px;}
.tCo.t2.w3,
.tCo.t22.w3 { width: 398px;}
.tCo.t23.w3,
.tCo.t24.w3 { width: 394px;}

.tCo.bg1 { background: #ffc;}
.tCo.bg2 { background: #ff0;}

.tCo.en1 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.tCo.en2 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.tCo.en3 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

.tCo .f1 { font-size: 26px;}
.tCo .f2 { font-size: 20px;}
.tCo .f3 { font-size: 16px;}

.tCo .cr { color: #f33;}
.tCo .co { color: #f60;}
.tCo .cg { color: #090;}
.tCo .cb { color: #06c;}

.tCo p { text-align: center;}
.tCo .tl { text-align: left;}
.tCo .b { margin-left: 10px;}
.tCo .p { color: #065EB4; font-size: 30px; background: none;}
.tCo .lh { line-height: 2.5;}
.tCo .ls { letter-spacing: -0.05em;}
.tCo .mb { margin-bottom: 20px;}
.tCo .mtb { margin: 20px 0;}

.tCo .ci1 { margin-left: 5px; padding: 4px 0 0 60px; text-align: left; background: url(images/common/icon/check_icon1.png) no-repeat 0 1px;}
.tCo .ci2 { margin-left: 5px; padding: 5px 0 5px 50px; text-align: left; background: url(images/common/icon/check_icon2.png) no-repeat 0 1px;}

.tCo .pl { float: left; margin: 0 15px 0 0;}
.tCo .pl img { padding: 2px; border: 1px solid #ccc;}
.tCo .pl.bn img { padding: 0; border: none;}
.tCo .pr { float: right; margin: 0 0 0 15px;}
.tCo .pr img { padding: 2px; border: 1px solid #ccc;}
.tCo .pr.bn { padding: 0; border: none;}

.tCo .p2Tb { width: 100%; margin-bottom: 15px;}
.tCo .p2Tb td { width: 50%;}
.tCo .p2Tb img { padding: 2px; border: 1px solid #ccc;}


.tcCo.mb { margin: 0 0 40px;}
.tcCo li { float: left; margin: 0 20px 10px 0; list-style: none;}
.tcCo li span { display: block; border: 3px double #ccc;}
.tcCo li span:hover { border: 3px double #999;}
.tcCo a { display: block; width: 364px; height: 60px; font-size: 18px; letter-spacing: 0.1em; text-align: center; line-height: 60px; text-decoration: none;}
.tcCo a:hover { color: #000; text-decoration: underline; background: #fafafa;}
.tcCo li:nth-of-type(2n+0) { margin-right: 0;}

/*.tcCo a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 5px 0 #999;}*/

.tcCo3.mb { margin: 0 0 40px;}
.tcCo3 li { margin-right: 10px; }
.tcCo3 li span { display: block; border: 1px double #000;}
.tcCo3 li span:hover { border: 1px solid #000;}
.tcCo3 a { width: 178px; color: #fff; font-size: 11px; background: #000; text-decoration: none;}
.tcCo3 a:hover { color: #000; background: #fff;}
.tcCo3 li:nth-child(2) a { width: 188px;}
.tcCo3 li:nth-of-type(2n+0) { margin-right: 10px;}
.tcCo3 li:nth-of-type(4) { margin-right: 0;}


.tcCo4.mb { margin: 0 0 40px;}
.tcCo4 li { float: left; margin: 0 10px 10px 0; list-style: none;}
.tcCo4 li span { display: block; border: 1px double #000;}
.tcCo4 li span:hover { border: 1px solid #000;}
.tcCo4 a { display: block; width: 178px; height: 40px; color: #fff; font-size: 12px; line-height: 40px; text-align: center; background: #000; text-decoration: none;}
.tcCo4 a:hover { color: #000; background: #fff;}
.tcCo4 li:nth-child(2) a { width: 188px;}
.tcCo4 li:nth-child(6) a { width: 188px;}
.tcCo4 li:nth-child(10) a { width: 188px;}
.tcCo4 li:nth-of-type(4) { margin-right: 0;}
.tcCo4 li:nth-of-type(8) { margin-right: 0;}
.tcCo4 li:nth-of-type(12) { margin-right: 0;}


.clCo { clear: left; margin: 0 0 30px; border-top: 1px dotted #ccc;}
.clCo.mbn { margin-bottom: 0;}
.clCo.mb { margin-bottom: 40px;}
.clCo.brt { border-top: 1px solid #ccc;}
.clCo .bbn { border-bottom: none;}
.clCo .t { margin: 5px 0; font-weight: bold;}
.clCo .mt { margin-top: 5px;}
.clCo .mtb { margin: 5px 0;}
.clCo .mb { margin-bottom: 5px;}

.clCo dl:nth-child(2n+1) { background: #fafafa;}
.clCo dl { border-bottom: 1px dotted #ccc;}
.clCo dt,
.clCo dd { float: left; padding: 20px 0;}
.clCo dt { width: 220px; padding-left: 30px; color: #333; font-weight: bold;}
.clCo dd { width: 500px;}
.clCo.kyokaCo dt { width: 360px;}
.clCo.kyokaCo dd { width: 360px;}
.clCo li { margin: 0 10px 10px 1.5em; list-style: none; text-indent: -1.5em;}
.clCo li:last-child { margin-bottom: 0;}
.clCo li span { color: #065EB4; margin-right: 5px;}
.clCo .bDd span span span { display: block;}
.clCo .bDd span span span span { display: inline;}
.clCo .soushinBtn { margin: 20px; text-align: center;}
.clCo .soushinBtn input { padding: 10px;}

.clCo .pr { float: right;}
.clCo .pr img { margin: 0 10px 0 15px; padding: 2px; border: 1px solid #CCC; background: #fff;}

.clCo .hissuIcon.b { display: block; width: 2.5em; margin: 3px auto 0;}
.clCo .hissuIcon { margin: 0 0 0 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 5px 0 #ccc; background: #f33;}

.clCo .niniIcon.b { display: block; width: 2.5em; margin: 3px auto 0;}
.clCo .niniIcon { margin: 0 0 0 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 5px 0 #ccc; background: #06c;}

.clCo .newIcon { margin-left: 10px; padding: 2px 4px 1px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #f90;}
.clCo .osusumeIcon { margin-left: 10px; padding: 2px 4px 1px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #090;}

.clCo .pDt,
.clCo .pDd { color: #f66; font-size: 18px; letter-spacing: 0.05em; font-weight: bold;}

.clCo table { width: 80%;}
/*.clCo table:nth-of-type(1) { margin-bottom: 15px;}*/
.clCo th,
.clCo td { padding: 10px; text-align: center; border: 1px solid #ccc; background: #fff;}
.clCo th { font-weight: normal; background: #ffc;}


.clCo2 { border-top: 1px solid #ccc;}
.clCo2 dl { border: 1px solid #ccc; border-top: none;}

.clCo3 { border: 1px solid #ccc;}
.clCo3 dl:last-child { border-bottom: none;}


.clCo22 div:nth-child(2n+1) { background: #fafafa;}
.clCo22 dl { float: left; width: 380px; border-bottom: 1px dotted #ccc;}
.clCo22 dl:nth-child(1) { width: 379px; border-right: 1px dotted #ccc;}
.clCo22 dl:nth-child(2n+1) { background: none;}
.clCo22 dt,
.clCo22 dd { float: left; min-height: 20px; line-height: 20px;}
.clCo22 dt { width: 105px; padding-left: 30px; color: #333; font-weight: bold;}
.clCo22 dd { width: 205px; padding-left: 30px;}


.clCo2.clCo22 dl { width: 378px; border-bottom: 1px solid #ccc;}
.clCo2.clCo22 dl:nth-child(1) { width: 379px; border-right: none;}


.clCo21 { border-top: none;}
.clCo21 dl:nth-child(2n+1) { background: none;}
.clCo21 dl:nth-child(2n+0) { background: #fafafa;}
.clCo21 dt,
.clCo21 dd { min-height: 20px; line-height: 20px;}
.clCo21 dt { width: 105px; padding-left: 30px;}
.clCo21 dd { width: 580px; padding-left: 30px;}


.clCo3.clCo22 { border-top: 1px solid #ccc;}
.clCo3.clCo22 dl { width: 378px; border-bottom: 1px dotted #ccc;}
.clCo3.clCo22 dl:nth-child(1) { width: 379px; border-right: none;}
.clCo3.clCo22 .bn dl { border-bottom: none;}


.photo2Tb { width: 100%; margin: 0 0 20px;}
.photo2Tb.mt { margin-top: 20px;}
.photo2Tb.mb { margin-bottom: 40px;}
.photo2Tb.bn img { padding: 0; border: none;}
.photo2Tb th,
.photo2Tb td { width: 50%;}
.photo2Tb th:nth-child(1) { text-align: left;}
.photo2Tb th:nth-child(2) { text-align: right;}
.photo2Tb td { padding-top: 5px; font-size: 14px; text-align: center; vertical-align: top;}
.photo2Tb td:nth-child(1) { padding-right: 20px;}
.photo2Tb td:nth-child(2) { padding-left: 20px;}

.photo2Tb.bn td:nth-child(1) { padding-right: 30px;}
.photo2Tb.bn td:nth-child(2) { padding-left: 30px;}

.photo2Tb span { color: #f33; font-size: 24px; line-height: 0.8em; vertical-align: top;}
.photo2Tb img { padding: 10px; border: 1px solid #CCC; background: #FFF;}
.photo2Tb.bn img { padding: 0; border: none;}


.hlCo { margin-bottom: 30px; border-top: 1px solid/*dotted*/ #ccc;}
.hlCo dl { border-bottom: 1px dotted #ccc;}
.hlCo dl:nth-child(2n+1) { background: #fafafa;}
/*.hlCo dl:first-child { border: 3px double #ccc;}*/
.hlCo dl:last-child { border-bottom: none;}
.hlCo dt,
.hlCo dd { padding: 10px 15px;}
.hlCo dt { color: #333; font-weight: bold;}
.hlCo dt span { color: #036; margin-right: 10px;}
.hlCo dd { padding-top: 0;}
.hlCo dd p { padding: 0 !important;}
.hlCo dd .mt { margin-top: 5px;}
.hlCo dd .mtb { margin: 5px 0;}
.hlCo li { margin: 0 0 0 1.5em; padding: 0 !important; background: none !important; text-indent: -1.5em; list-style: none;}
.hlCo li:last-child { margin-bottom: 0;}
.hlCo li span { color: #065EB4; font-size: 15px; margin-right: 5px;}

.pDlCo { margin-bottom: 15px;}
.pDlCo.mb { margin-bottom: 40px;}
.pDlCo .pl { float: left; margin-left: 10px;}
.pDlCo .hlCo { float: right; width: 560px;}
.pDlCo .hlCo dl:nth-child(2n+1) { background: #DFFFDF;}
.pDlCo .hlCo strong { color: #060;}


.listCo { margin: 0 0 30px 15px;}
.listCo.mt { margin-top: -15px;}
.listCo .pr { float: right;}
.listCo .pr img { margin: 0 10px 0 15px; padding: 2px; border: 1px solid #CCC; background: #fff;}
.listCo ul { list-style: none;}
.listCo li { margin: 0 0 10px 0;}
.listCo li span { color: #8B601D; margin-right: 5px;}
.listCo .ul2 li { float: left; width: 48%;}
/*.listCo .ul3 { float: left; width: 50%;}
.listCo ul3:first-child { width: 40%;}
.listCo ul3:nth-child(2) { width: 60%;}*/


.listCo2 { margin: 0 0 30px 0;}
.listCo2.mt { margin-top: 40px;}
.listCo2 li { float: left; width: 366px; margin: 0 0 10px 0; padding: 10px 0; font-size: 16px; text-align: center; border: 3px double #ccc; list-style: none;}
.listCo2 li:nth-child(2n+1) { margin-right: 16px;}
.listCo2 li span { color: #036; font-size: 20px; margin-right: 5px;}


.listIconCo { width: /*740px*/730px; margin: 0 0 30px 10px; padding: 10px 5px 10px 15px;}
.listIconCo.mt { margin-top: 15px;}
.listIconCo.mb { margin-bottom: 40px;}
.listIconCo.bg { margin-left: 0; background: #F4F0E7;}
.listIconCo.wk { border: 5px dotted #030;}
.listIconCo .f1 { font-size: 15px;}
.listIconCo li { height: 40px; margin-bottom: 5px; padding-left: 30px; letter-spacing: -0.05em; line-height: 40px; background: url(images/common/icon1.png) no-repeat; list-style: none;}
.listIconCo li.b { height: 50px;}
.listIconCo li.b span { margin: -17px 0 15px; display: block;}


.btnBnrCo { margin: 0 10px 20px;}
.btnBnrCo li { float: left; width: 25%; list-style: none;}
.btnBnrCo li img { width: 100%; vertical-align: bottom;}
.btnBnrCo li:nth-child(2n+1) span { display: block; margin: 0 5px 5px 0;}
.btnBnrCo li:nth-child(2n+0) span { display: block; margin: 0 0 5px 5px;}


.privacyCo { margin: 0 0 20px; padding: 15px 15px 10px; border: 1px solid #ccc;}
.privacyCo p { margin-bottom: 5px;}
.privacyCo dd { margin-bottom: 5px;}
/*.privacyCo { margin: 0 0 20px; padding: 15px 15px 10px; border: 1px solid #ccc;}
.privacyCo p { margin-bottom: 5px;}
.privacyCo dt { padding-left: 1.5em; text-indent: -1.5em;}
.privacyCo dt:nth-of-type(3) { margin-bottom: 10px;}
.privacyCo dd { margin-bottom: 10px; padding-left: 1.5em;}*/


.introTxtCo { padding: 15px 15px 10px; font-size: 15px; border: 3px double #ccc;}
.introTxtCo.mb { margin-bottom: 40px;}
#main .introTxtCo h4 { margin: 0 0 5px; padding: 10px; color: #fff; font-weight: normal; line-height: 1em; background: #68B0EA;}
.introTxtCo p { margin-bottom: 5px;}
.introTxtCo ul { margin: 10px 0 10px 10px; list-style: none;}
.introTxtCo li { margin-left: 1.5em; text-indent: -1.5em;}
.introTxtCo .pr { float: right;}
.introTxtCo a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}
.introTxtCo .i { color: #f60; font-size: 17px;}
.introTxtCo .n { margin-right: 15px; text-align: right;}
.introTxtCo .mb { margin-bottom: 35px;}


.prevNext { clear: both; width: 335px; margin: 40px auto 0;}
#main .prevNext p { float: left; margin: 0 0 0 20px; padding: 0;}
.prevNext a { padding: 10px 25px; font-size: 14px; text-align: center; border: 1px solid #CCC; background: #FFF;}
.prevNext a:nth-child(2) { margin-left: 20px;}


.wc-shortcodes-box .listUl li { margin: 0 0 10px 1.5em; font-size: 14px; list-style: none; text-indent: -1.5em;}
.wc-shortcodes-box .listUl span { color: #065EB4; margin-right: 5px;}
.wc-shortcodes-box .i { color: #f33 !important; font-size: 16px;}


.boxMt { margin-top: 20px;}
.wc-shortcodes-box .mb { margin-bottom: 10px;}
.wc-shortcodes-box a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}


/* /
============================================================================================= */
.indexBtnCo { width: 100%; margin: 0 0 20px; padding: 15px 0; background: #f5f5f5;}
.indexBtnCo.mb,
.indexBtn.mb { margin-bottom: 40px;}

.indexBtn { clear: both; width: 1040px; margin: 0 auto 20px;}
.indexBtn.btn3 { width: 1220px;}

.indexBtn li { float: left; list-style: none;}
.indexBtn a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

.indexBtn.btn6 li { margin-left: 17px;}
.indexBtn.btn2 li { margin-left: 35px;}
/*.indexBtn li:nth-of-type(2) { margin: 0 5px 0 5px;}*/


.wallCo { margin-bottom: 30px;}
.wallCo.mt { margin-top: 15px;}
.wallCo .wallBoxBg { float: left; margin: 0 0 15px 13px;}
.wallCo .wallBoxBg a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}
.wallCo .wallBox { position: relative; float: left; border: 1px solid #CCC; background: #FFF;}
.wallCo a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}

.wall3Co .wallBox { width: 238px; min-height: 315px; margin: 0 0 15px 11px; padding: 10px 0 5px;}
#index .wall3Co .wallBox { margin: 0 0 15px 16px;}
.wall4Co .wallBox { width: 178px; min-height: 258px; margin: 0 0 15px 5px; padding: 10px 0 5px;}
.wall5Co .wallBox { width: 141px; min-height: 230px; margin: 0 0 15px 5px; padding: 10px 0 5px;}
/*.wall5Co .wallBox { width: 141px; min-height: 260px; margin: 0 11px 15px 0; padding: 10px 0 5px;}
.wall5Co div:nth-child(5n+0) { margin-left: 1px; margin-right: 0;}*/

#main .wallCo .wallBox p,
.main .wallCo .wallBox p { margin: 0; padding: 0; text-align: center;}
/*#main .wallCo .wallBox .img { height: 178px;}*/
.wallCo .wallBox dl { margin: 8px 10px 0 10px;}
.wallCo .wallBox dt { margin-bottom: 5px; color: #0B449B; font-size: 14px; font-weight: bold;}

.wallCo .wallBox .newIcon { position: absolute; top: 0; left: 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #f90; z-index: 1000;}
.wallCo .wallBox .osusumeIcon { position: absolute; top: 0; right: 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; background: #090; z-index: 1000;}

.wallCo .wallBox .infoIcon { position: absolute; top: 5px; left: 0; padding: 5px 10px; color: #fff; font-size: 13px; /*font-weight: bold;*/ text-align: center; letter-spacing: 0.1em; background: #090; z-index: 1000;}
.wallCo .wallBox .chintaiIcon { position: absolute; top: 5px; left: 0; padding: 5px 10px; color: #fff; font-size: 13px; /*font-weight: bold;*/ text-align: center; letter-spacing: 0.1em; background: #f00; z-index: 1000;}
.wallCo .wallBox .baibaiIcon { position: absolute; top: 5px; left: 0; padding: 5px 10px; color: #fff; font-size: 13px; /*font-weight: bold;*/ text-align: center; letter-spacing: 0.1em; background: #f00; z-index: 1000;}
.wallCo .wallBox .reportIcon { position: absolute; top: 5px; left: 0; padding: 5px 10px; color: #fff; font-size: 13px; /*font-weight: bold;*/ text-align: center; letter-spacing: 0.1em; background: #f90; z-index: 1000;}

.wallCo .seiyaku img { opacity: 0.6; filter: alpha(opacity = 60);}
.wallCo .seiyaku img a { pointer-events : none;}
.wallCo .seiyakuImg { position: absolute; top: 0; left: 0; z-index: 500;}

.whatsnew { background: #fff !important;}


#mapp0_layout { margin: 0 0 30px;}


.btn { width: 100%; margin: 0 0 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 10px 0 #999;}
.btn.mt { margin-top: 30px;}
.btn.mb { margin-bottom: 70px;}
.btn a { display: block; padding: 20px; color: #fff !important; font-size: 24px; font-weight: bold; letter-spacing: 0.1em; text-shadow: 1px 1px 1px #000; text-align: center;}
.btn.bd1 { background: linear-gradient(#0c0, #060); border: 0px solid #ccc;}
.btn.bd2 { background: linear-gradient(#fc0, #f60); border: 0px solid #ccc;}
.btn.bd1:hover,
.btn.bd2:hover { opacity: 0.8; filter: alpha(opacity = 80);}

#ct { text-align: center;}


/* slider
============================================================================================= */
#idMediaWrap { clear: both; width: 1040px; margin: 20px auto 30px; background: #fafafa;}
#lineupItem { width: 926px; padding-top: 10px; float: left; text-align: left;}
#lineupItem li { float: left; margin: 0 0 0 10px; width: 220px; height: 150px/*135px*/; text-align: center; list-style: none;}
#lineupItem li a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}
#lineupItem li span { display: block;}

.prevBtn,
.nextBtn { text-align: center; background: #81CA94;}

.prevBtn { float: left;}
.nextBtn { float: right;}

.prevBtn a,
.nextBtn a { display: block; width: 55px; height: 100px/*95px*/; padding-top: 70px/*60px*/;}

.prevBtn a:hover,
.nextBtn a:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; zoom: 1;}