@charset "utf-8";
/* common
------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

body {
	font-size: 12px;
	color: #333;
	background:url(../img/common/bg.jpg) repeat-x;
	_text-align:center;
}

.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html .clearfix{
	display:inline-block;
}
*+ html .clearfix{
	display:inline-block;
}
.clear {
	clear: both;
}

a {
	color:#066700;
	text-decoration:none;
}
a:hover {
	color:#66CC00;
	text-decoration:underline;
}

a:hover.img_on {
	opacity:0.5;
}
a:hover.img_on img {
	filter:alpha(opacity=50);
}

/* header
------------------------------------------------------------*/
#header {
	height:129px;
	width:900px;
	margin:0 auto;
	position:relative;
}
#logo {
	position:absolute;
	left:0;
	top:33px;
}
#tagline {
	background:#E7E7E7;
	color:#666;
	font-size:10px;
	position:absolute;
	left:0;
	top:4px;
}
#header #h01 {
	position:absolute;
	left:318px;
	top:36px;
}
#header #h02 {
	position:absolute;
	left:601px;
	top:47px;
}
#header #h03 {
	position:absolute;
	right:0;
	top:45px;
}

#header #h_navi {
	list-style:none;
	font-size:10px;
	position:absolute;
	right:0;
	top:27px;
}
#header #h_navi a {
	color:#666;
}
#header #h_navi a:hover {
	text-decoration:underline;
}
#header #h_navi li {
	background:url(../img/common/h_point.jpg) no-repeat 0 4px;
	padding-left:6px;
	margin-left:8px;
	display:inline;
}

#social_btns{
	position:absolute;
	right:0px;
	bottom:-24px;
	text-align:right;
}

#top_social_btns{
	position:absolute;
	right:0px;
	bottom:-28px;
	text-align:right;
}


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

#gnavi {
	position:absolute;
	list-style:none;
	left:0;
	top:92px;
	background:#FFF;
	height:37px;
	width:900px;
}
#gnavi li {
	float:left;
}

/* mainimg
------------------------------------------------------------*/

#mainimg {
	height:270px;
	background:url(../img/common/main_img_bg.jpg) repeat-x;
	position:relative;
	margin-bottom:32px;
}
#mainimg div.mainimg {
	background:url(../img/common/main_img.jpg) no-repeat;
	width:900px;
	margin:0 auto;
	height:270px;
	position:relative;
}
#mainimg h2,
#mainimg h3,
#mainimg h4,
#mainimg p {
	text-indent:-9999px;
}


/* content
-----------------------------------------------------------*/

#wrap {
	width:900px;
	margin:0 auto;
	line-height:150%;
	_text-align:left;
}

#LPwrap {
	width:900px;
	margin:0 auto;
	line-height:150%;
	_text-align:left;
	margin-bottom:20px;
	font-size:16px;
}

#right_content {
	width:630px;
	float:right;
	margin-bottom:20px;
}
#left_content {
	width:250px;
	float:left;
	margin-bottom:20px;
}


/* right_content
-----------------------------------------------------------*/

.ctL {
	float:left;
	display:inline-block;
	margin-bottom:20px;
}
.ctL .brdr {
	padding:1px;
	border:1px solid #999;
}

.ctR {
	width:445px;
	float:right;
}
h3.media ,
.ctR h3 {
	background:#E4E4E4;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	font-size:12px;
	padding:8px 5px 8px 10px;
	margin-bottom:10px;
}
p.media ,
.ctR p {
	margin-bottom:10px;
}
.ctR p.cmt {
	padding:8px 0;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}



.link {
	padding:4px 12px;
	background:#61991C;
	color:#FFF;
}
a:hover.link {
	color:#FFF;
	background:#66CC00;
}
.url {
	text-align:right;
}
.url a {
	color:#FF6600;
	background:url(../img/common/c_point.jpg) left no-repeat;
	padding:0 0 0 12px;
}
.url a:hover {
	text-decoration:underline;
}




/* contact
-----------------------------------------------*/

.contact_box {
	background:url(../img/common/contact_bg.jpg) no-repeat;
	height:72px;
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}
.contact_box h2 {
	text-indent:-9999px;
}
.contact_box #btn01 {
	position:absolute;
	left: 235px;
	top: 34px;
}
.contact_box #btn02 {
	position:absolute;
	left: 445px;
	top: 34px;
}



/* ダイヤモンドテールについて
-----------------------------------------------*/

#dt_menu {
	margin-bottom:10px;
	border-top:#61991C 2px solid;
	list-style:none;
}
#dt_menu a:hover {
	text-decoration:underline;
}
#dt_menu li {
	padding-top:1px;
}
#dt_menu h2 {
	background:#E3E3E3;
	font-size:14px;
}
#dt_menu h2 a {
	background:url(../img/common/menu_circle.gif) 10px 50% no-repeat;
	padding:8px 5px 8px 28px;
	display:block;
	border-bottom:#CCC 1px solid;
}
#dt_menu p {
	background:#F3F3F3;
	font-weight:bold;
}
#dt_menu p a {
	background:url(../img/common/menu_point.gif) 18px 50% no-repeat;
	padding:8px 5px 8px 33px;
	display:block;
	border-bottom:#CCC 1px solid;
}


#ctt_menu {
	margin-bottom:20px;
	border-top:#CCC 12px solid;
	border-right:#CCC 2px solid;
	border-left:#CCC 2px solid;
	border-bottom:#CCC 1px solid;
	list-style:none;
}
#ctt_menu li {
	border-bottom:#CCC 1px solid;
}
#ctt_menu h2 {
	background:url(../img/common/menu_circle.gif) 10px 50% no-repeat;
	padding:8px 5px 8px 28px;
	font-size:14px;
}
#ctt_menu p a {
	background:url(../img/common/menu_point.gif) 18px 50% no-repeat;
	padding:8px 5px 8px 33px;
	display:block;
}
#ctt_menu a:hover {
	text-decoration:underline;
}


.news_h2 {
	background:url(../img/common/menu_circle.gif) 10px 50% no-repeat;
	padding:8px 5px 8px 28px;
	font-size:14px;
	border-bottom:#CCC 1px solid;
	border-top:#CCC 12px solid;
	border-right:#CCC 2px solid;
	border-left:#CCC 2px solid;
}

.news_list {
	margin-bottom:20px;
	border-right:#CCC 2px solid;
	border-left:#CCC 2px solid;
	border-bottom:#CCC 2px solid;
	list-style:none;
	height:170px;
	overflow:auto;
}
.news_list li {
	border-bottom:#CCC 1px solid;
	padding:4px 5px 4px 15px;
}
.news_list p a {
	display:block;
}
.news_list a:hover {
	text-decoration:underline;
}


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

.totop {
	width:900px;
	margin:0 auto;
	text-align:right;
	clear:both;
}

#footer_text {
	background:#E1E1E1;
	padding:15px 0;
	line-height:140%;
}
#footer_text p {
	font-size:10px;
	color:#666;
	width:900px;
	margin:0 auto;
}
#footer_text a {
	color:#666;
}

#footer_menu {
	background:#333;
	padding:15px 0;
	font-size:10px;
	color:#FFF;
	line-height:140%;
}
#footer_menu ul {
	width:900px;
	margin:0 auto 5px auto;
	list-style:none;
}
#footer_menu ul li {
	display:inline;
}
#footer_menu ul li a {
	color:#FFF;
}
#footer_menu ul li a:hover {
	text-decoration:underline;
}

address {
	font-style:normal;
	text-align:center;
	  margin-top:10px;
}


.media_all {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:10px;
	padding:10px;
	height:300px;
	overflow:auto;
}



/*--------------------------------------------
 dropin
---------------------------------------------*/

#dropin {
	left:50%;
	right:50%;
	margin-left:-270px;
	position:absolute;
	background-color:white;
	padding:15px 30px 30px 30px;
	border:10px solid #999;
	z-index:1;
	width:460px;
	visibility:hidden;
}
#drop_close {
	background: #F2F2F2;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 15px;
	text-align: right;
	font-size: 10px;
	text-align: right;
}
#drop_close a {
	margin-left:5px;
}
#drop_close a:hover {
	text-decoration:underline;
}
#text_box_01 {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 15px;
	margin:0 10px;
	line-height:140%;
}
#text_box_01 p img {
	float:left;
	margin:0 15px 40px 0;
}

/*--------------------------------------------
 Utility
---------------------------------------------*/

.right {
	text-align:right;
}

.imgR_txt {
	float:right;
	width:200px;
	padding:10px;
	background:#EEE;
	margin:0 0 10px 10px;
}
.imgR_txt img {
	margin-bottom:5px;
}

.clumnist {
	border:1px solid #CCC;
	padding:10px;
	margin-top:20px;
}
.clumnist img {
	float:left;
}
.clumnist h3 {
	width:430px;
	float:right;
	margin-bottom:15px;
	font-size:12px;
	font-weight:lighter;
	border-left:5px solid #AAA;
	padding-left:10px;
}
.clumnist h3 strong {
	font-size:14px;
	color:#009;
	
}
.clumnist h4 {
	width:445px;
	float:right;
	font-size:12px;
	padding-bottom:3px;
	border-bottom:1px solid #AAA;
	margin-bottom:5px;
}
.clumnist p {
	width:445px;
	float:right;
	padding-bottom:10px;
}

/* 新着一覧下のコラムニストcss */
.clumnist a{
	color:#009;
	text-decoration:none;
}
.clumnist a:hover{
	color:#33f;
	text-decoration:underline;
}

#columnist_wrapper .clumnist {
	border:none;
	border-bottom:1px solid #ccc;
}

.read_more {
	padding-right:20px;
	text-align:right;
}


.font10 {
	font-size:10px;
}

.mt-18{margin-top:-18px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

.mr10{margin-right:10px;}

.big_bold{ color:#000; font-weight:bold; font-size:16px;}
.bold{ color:#000; font-weight:bold;}
.red_bold {color:#C00; font-weight:bold;}
.red_big {color:#C00; font-weight:bold; font-size:16px;}
.R {color:#C00; font-weight:bold;}
.B {color:#009; font-weight:bold;}

.S {width:100px; padding:1px;}
.MS {width:170px; padding:1px;}
.M {width:250px; padding:1px;}
.L {width:400px; padding:1px;}

.middle {vertical-align:middle;}