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

o2 Group 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: #F6F6F6 url(images/bg2.jpg) no-repeat 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: 1040px; margin: 0 auto; padding: 0 10px;}*/

#container { width: 1020px; margin: 0 auto;}

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

#ftrTxt { margin-bottom: 20px; text-align: center;}
#ftrTxt a, #ftrTxt a:visited, #ftrTxt a:hover { text-decoration: none;}

/*************
/* ヘッダー
*************/
#header {
/**background: url(images/header.png) no-repeat 100% 0;
height: 80px;**/
}

#header h1 { padding: 5px 0 10px 15px; font-weight: normal; color: #FFFFFF;    /***********　←　ここで文字色変更可能　***********/

/************************************要望1**********************************************/
width:720px;
font-size: 11px;
letter-spacing: -0.05em;
line-height: 1.2;
}


/************************************要望3**********************************************/
#header2 { position: relative; clear: both; height: 90px; background:url(images/common/header2_bg.png) no-repeat 5px 5px;}
#header2 #hdrLink { position: absolute; top: 15px; right: 25px; text-indent: -4444px;}
#header2 #hdrLink a { display: block; width: 500px; height: 55px;}


#header2 #hdrLogo { float: left; width: 220px; margin: 5px 0 0 70px;}

#header2 #header_btn { float: right; width: 660px; height: 50px; margin: 23px 0 0 0;}
#header2 #header_btn ul { margin-right: 5px;}
#header2 #header_btn li { float: left; list-style: none; margin-left: 10px;}

#header2 #header_btn a:hover img { opacity: 0.6; filter: alpha(opacity = 60);}


/************************************要望2**********************************************/
#hdr { position: relative; width: 1040px; margin: 0 auto;}

#hdr #headerlink_right { position: absolute; top: 5px; right: 30px;}
#hdr #headerlink_right li { float: right; margin: 3px 0 0 10px; font-size: 10px; list-style: none;}

#hdr #headerlink_right li a {
     color:#FFFFFF;    /*********************　←　ここで文字色変更可能　*********************/
	 }

#hdr #headerlink_right li a:hover {
     color:#FFFFFF;    /*********************　←　ここで文字色変更可能　*********************/
	 }


/* ヘッダーナビゲーション ************************************************************************************/
.hdrBtn li { float: left; margin-right: 3px; list-style: none;}
.hdrBtn a:hover img { opacity: 0.8; filter: alpha(opacity = 70);}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 760px;
margin-right: 10px;
/**padding: 30px 0;**/
display: inline;
}

#main .topimg{
     margin-bottom:10px;
	 }


#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin: 10px 0;
padding: 0 10px 0px 30px;
line-height: 40px;
font-size: 20px;
font-weight: normal;
color: #FFFFFF;
background: url(images/heading.png) no-repeat;
}

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

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


/************************************要望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;
	 }


/* メインとフッターのリスト位置調節 */
#main ul { margin-left: 20px;}
#main li {margin-bottom: 3px;}


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

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 33px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background: #FFFFFF url(images/header3.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 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}

/* フッター
*************/
#footer ul { margin-left: 20px;}
#footer li { margin-bottom: 3px;}

#footer { clear: both; border-top: 0px solid #8BCCFA;
width: 100%;
min-width: 1100px;

height: 330px;
background: url(images/footer_bg.jpg) repeat-x center top #8BCCFA;
/*********************　↑　ここで背景色　変更可能　*********************/
display: block;
}

#footer .inner{
overflow: hidden;
margin: 0 auto;
padding: 0 20px;
/*width: 910px;*/
width: 1060px;
height:330px;
/*background-image:url(images/footer_bg.jpg);*/
/*********************　↑　ここで背景画像　変更可能　*********************/
display:block;
position: relative;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
margin-left: 40px;
padding: 10px 0 5px;
width: 292px;
}

#footer #gaiyou{
padding: 10px 0 5px;
width: 220px;
color:#111111;  /*********************　←　ここで会社概要の文字色　変更可能　*********************/
font-size:12px;  /*********************　←　ここで会社概要の文字の大きさ　変更可能　*********************/
}


#ftrLn { position: absolute; top: 25px; right: 65px;}
#ftrLn li { float: right; font-size: 12px; list-style: none;}
#ftrLn span { margin: 0 5px; color: #111111;}
/***************************** ↑色を変える */

#ftrLn a,
#ftrLn a:visited,
#ftrLn a:hover { color: #111111;}
/***************** ↑色を変える */


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

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

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

#footer #box_wrapper li a:hover{
	 color:#000552;
	 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;
}

#main .post { clear: both;}

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

#main .post p { margin: 0.5em 0 0 0; padding: 0; line-height: 1.5em;}
#main .post p a,
#main .post p a:visited,
#main .post p a:hover { color: #111111;}

.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;
}

/* 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: 0 0 30px;}


/* p1
****************************************************************************************************/
.serviceTxtCo { width: 700px; margin: 15px auto 0; background: url(images/p1/service_p.jpg) no-repeat 300px 0;}
#main .serviceTxtCo p { width: 400px; margin: 0 0 10px; padding: 0;}

.hoyuuCo { width: 680px; margin: 0 auto;}
.hoyuuTb { width: 600px; margin: 20px auto; border: 2px solid #4C9FEB; background: #FFF;}
.hoyuuTb th.t { background: #E8F3FF}
.hoyuuTb th { width: 35%; padding: 10px 15px; text-align: center; font-weight: normal; background: #F2F2F2; border: 1px solid #CCC;}
.hoyuuTb td { width: 15%; padding: 10px 15px; text-align: center; border: 1px solid #CCC;}


/* p3
****************************************************************************************************/
#main .outlinePhoto { margin: 15px 0 20px; padding: 0; text-align: center;}
.outlinePhoto img { border: 2px solid #4C9FEB;}
.outlinePhoto span { display: block; padding-top: 3px;}

.outlineTb { width: 700px; margin: 0 auto 25px; border: 2px solid #4C9FEB;}
.outlineTb th { width: 110px; padding: 10px 15px; font-weight: normal; background: #E8F3FF; border: 1px solid #CCC;}
.outlineTb td { padding: 10px 15px; border: 1px solid #CCC;}

.accessCo { width: 696px; margin: 0 auto; border: 2px solid #4C9FEB;}
#main .accessTxt { margin: 3px 0 0 35px; padding: 0;}


/* inq
****************************************************************************************************/
.inqTb { width: 700px; margin: 0 0 20px 20px;}
.inqTb th,
.inqTb td { padding: 10px 20px; text-align: left; border-bottom: 1px dotted #CCC;}
.inqTb th { width: 220px; color: #333;}
#main .kakunin { margin: 0; padding: 0; text-align: center;}