@charset "UTF-8";
/* -----------------------------------------------------------


/***********************************************/
/* CSS file						               */
/* data: 2009/06/26                            */
/* index:                                      */
/*   1# body								   */ 
/* 	 2# container			                   */
/*   3# header					               */
/*   4# mainContent                            */
/*   	4#-1 p-navi	        				   */
/*   	4#-2 box	        				   */
/*   	4#-3 sidearea        				   */
/*   5# footer            	     			   */
/*   6# subpage          					 　*/
/*   7# table 	        					 　*/
/***********************************************/


/*==========================================================================================
1#
// bodyとメインフレーム

==========================================================================================*/

body {
 background:url(../img/bg_body_.png) 0 0 repeat-x;
 text-align: center;
 line-height:20px;
 color: #333333;
 font-size: 12px; /* モダンブラウザ向け */
 *font-size: small; /* IE 7向け */
 *font: 12px; /* IE 6以下 */
 font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;
 _font-family:"ＭＳ Ｐゴシック",MS P Gothic,"Osaka",sans-serif;
}
		

/* Firefox 3用 */

body,x:-moz-broken {
margin-left:-1px;
}

/*　リンク
------------------------------------------------------------------------------------------*/
a:link { color:#0099ff;  text-decoration:none; border: none;}
a:visited { color:#0099ff;   text-decoration:none; }
a:hover { color:#ffcc00; text-decoration:underline; }
a:active { color:#0099ff; }
a:focus {	text-decoration:none;	}

.imgBorder{
 border:#cccccc 1px solid;
}

.imgBorder:hover{
 border:#ffcc00 1px solid;
}


.left_side_inner dd a:link { color:#0099ff;  text-decoration:none; }
.left_side_inner dd a:visited { color:#0099ff;   text-decoration:none; }
.left_side_inner dd a:hover { color:#ffcc00; text-decoration:none; }
.left_side_inner dd a:active { color:#0099ff; }
.left_side_inner dd a:focus {	text-decoration:none;	}

.sideNavi02 dd a:link { color:#666666;  text-decoration:none; }
.sideNavi02 dd a:visited { color:#666666;   text-decoration:none; }
.sideNavi02 dd a:hover { color:#ffcc00; text-decoration:none; }
.sideNavi02 dd a:active { color:#666666; }
.sideNavi02 dd a:focus {	text-decoration:none;	}

.footerAreaItem a:link { color:#666666;  text-decoration:none; }
.footerAreaItem a:visited { color:#666666;   text-decoration:none; }
.footerAreaItem a:hover { color:#ffcc00; text-decoration:none; }
.footerAreaItem a:active { color:#666666; }
.footerAreaItem a:focus {	text-decoration:none;	}


/*　hタグ
------------------------------------------------------------------------------------------*/

h1.seo
{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

h2.title
{
	background:url(../img/ttl_contents.jpg) 0 0 no-repeat;
	width:640px;
	height:37px;
	padding: 10px 0 0 35px;
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	color:#333333;
}
h2
{
	font-size: 16px;
	color: #FF9900;
	margin: 5px 0;
	padding: 0 0 0 4px;
	font-weight: bold;
	line-height: 120%;
}


h2.green
{
	font-size: 16px;
	color: #FF6633;
	margin: 5px 0;
	padding: 0 0 0 4px;
	font-weight: bold;
	line-height: 160%;
}



h3
{
	font-size: 14px;
	color: #FF3333;
	margin: 10px 0;
	padding: 0 0 0 15px;
	font-weight: bold;
}

h3.green
{
	font-size: 14px;
	color: #66CC66;
	margin: 10px 0;
	padding: 0 0 0 15px;
	font-weight: bold;
}

h4
{
	font-size: 16px;
	color: #669933;
	background:url(../img/line_topic.gif) left bottom repeat-x;
	margin: 15px 0;
	padding: 0 0 0 7px;
	font-weight: bold;
	letter-spacing: 1px;
}

h5
{
	font-size: 13px;
	color: #999900;
	margin: 10px 0 5px 15px;
	border-left: solid 5px;
	border-left-color: #999966;
	background:url(../img/line_topic.gif) left bottom repeat-x;
	padding: 0 0 4px 10px;
	font-weight: bold;
	border-bottom: #999966 dotted 1px;
}

h6
{
	font-size: 12px;
	color: #FFCC33;
	margin: 10px 0;
	padding: 0 0 0 15px;
	font-weight: bold;
}
/*　テキスト　スタイル
------------------------------------------------------------------------------------------*/
strong
{
	font-size: 13px;
	font-weight: bold;
}

#wrapper #cont_inner #contents .indent1 
{
	padding: 0 0 0 18px;
} 

#wrapper #cont_inner #contents .indent2 {
	padding: 0 0 0 25px;
} 

#wrapper #cont_inner #contents .indent3 {
	padding: 0 0 0 35px;
} 

#wrapper #cont_inner #content p a
{
	text-decoration: none;
}

#contents p.right
{
	float: right;
	padding: 5px;
}

.left,
#contents p.left
{
	float:left;
	padding: 10px;
}
.clear
{
	clear: both;
}

.font_1
{
	color:#FF3300;
	font-size: 16px;
	font-weight:bold;
}

.font_2
{
	color: #0099FF;
	font-size: 16px;
	font-weight:bold;
}

.font_3
{
	color: #FFCC00;
	font-size: 16px;
	font-weight:bold;
}
.font_3_big
{
	color: #88DBFF;
	font-size: 20px;
	font-weight:bold;
	line-height: 140%;
}
.font_4
{
	color: #0359C2;
	font-size: 16px;
	font-weight:bold;
	padding: 10px 0;
	line-height: 190%;
}
.font_5
{
	color: #666666;
	font-size: 16px;
	font-weight:bold;
}


/*　メインフレーム
------------------------------------------------------------------------------------------*/
#wrapper {
  margin:0 auto;
		padding:0;
		width:915px;
		text-align:left;
}

#seo {
 padding:1px 10px 15px 10px;
}

#seo p
{
	color:#FFFFFF;
}

#gHeader {
	margin:0;
	padding:0;
	height:90px;
}


#cont_inner {
	margin:5px 0;
	padding:0;
}

#contents {
	float:right;
	width:640px;
}

#left_side {
	float:left;
	background:url(../img/bg_navi.gif) 0 0 repeat-y;
	margin-bottom:40px;
	width:260px;
}


#gGroup{
 margin:0;
	padding-top:10px;
}

#footer{
 margin:0;
	padding-bottom:20px;
}

p{	line-height:20px; }

/*　gHeader
------------------------------------------------------------------------------------------*/

.blockLogo {
 float:left;
	padding:8px 10px;
}

.blockTel {
 float:right;
}


/*　navigation
------------------------------------------------------------------------------------------*/

#gNavigationIndex {
	background:url(../img/bg_navi.jpg) 0 0 no-repeat;
	width:915px;
	height:33px;
	padding-bottom:5px;
}


#gNavigationContents {
 background:url(../img/bg_navi.jpg) 0 0 no-repeat;
	width:915px;
	height:33px;
	padding-bottom:10px;
}

#gNavigationIndex ul,
#gNavigationContents ul {
 padding:4px 0 0 4px;
	width:915px;
}


#gNavigationIndex ul li,
#gNavigationContents ul li {
 float:left;
	height:25px;
}


/*　gSubMenu
------------------------------------------------------------------------------------------*/
#gSubMenu {
	background:url(../img/bg_pankuzu.gif) 0 0;
	width:auto;
	height:auto;
	margin-bottom:15px;
}

#gSubMenu p {
 padding:2px 15px;
 font-size:10px;
}


/*　sideMenu
------------------------------------------------------------------------------------------*/

.left_side_inner,
.sideNavi02 {
 padding-bottom:20px;
}

.left_side_inner dt,
.sideNavi02 dt {
	height:37px;
	font-size:0;
	line-height:0;
}

.left_side_inner dd {
 background:url(../img/bg_navi01.jpg) 0 0 no-repeat;
	height:36px;
}

.sideNavi02 dd {
 background:url(../img/bg_navi02.jpg) 0 0 no-repeat;
	height:36px;
}

.left_side_inner dd span {
 display:block;
	padding:6px 0 0 38px;
 _padding:10px 0 0 38px;
	color:#0099cc;
	font-weight:bold;
}

.sideNavi02 dd span {
 display:block;
	padding:6px 0 0 38px;
 _padding:11px 0 0 38px;
	color:#333333;
}

.left_side_inner dd span a ,
.sideNavi02 dd span a {
 display:block;
	width:220px;
}
	

.sideBanner {
 padding-bottom:10px;
}

.sideBanner li {
 padding-bottom:10px;
}


/* footer
---------------------------------------------------------------------------------------- */
.pagetop {
	padding-right:15px;
	text-align:right;
	margin-bottom: 50px;
}

.footNavi {
	padding:12px 0;
	text-align:center;
	font-size:11px;
	color:#666666;
}

.footerAreaItem {
 border-bottom:2px solid #CCCCCC;
 padding:12px 15px 0 15px;
	font-size:10px;
	line-height:15px;
	color:#666666;
}

.footerAreaItem p {
 padding-bottom:15px;
}

.footer_logo {
	padding:15px 0 0 10px;
	background:url(../img/bg_body.gif) 0 0 repeat-x;
	text-align: left;
	height: 150px;

}

.footer_logo ul {
}

.footer_logo ul li {
	float:left;
	margin: 0 0 0 25px;
}

.footer_content a
{
	font-size: 10px;
}

.footerLogo {
 width:628px;
}

.footerCopy {
 text-align:right;
}


/*　全ページ共通
------------------------------------------------------------------------------------------*/
.block {
 padding-bottom:23px;
}

.blockTtl {
 padding-bottom:10px;
}

.blockPh {
 padding-bottom:8px;
}


/*　モジュール部分
------------------------------------------------------------------------------------------*/

.blockAreaL {
 width:640px;
 padding-bottom:20px;

}

.block_L {
	background:url(../img/ttl_point.png) 0 0 no-repeat;
	padding-bottom:10px;
	width:640px;
	margin: 5px 0 15px 0;
}

.blockTtlS {
 background:url(../img/module/bg_ttl_s.gif) 0 0 no-repeat;
 padding-bottom:10px;
	width:310px;
	height:28px;
}

.blockAreaL h3,
.block_text {
 padding:4px 2px 0px 7px;
	_padding:6px 2px 0px 7px;
 color:#FFFFFF;
 font-size:14px;
	font-weight:bold;
}

.blockAreaL .aboutTxt {
 float:left;
 padding:6px;
	_padding:4px 6px;
	width:180px;
	_width:194px;
}

.blockAreaS01 .aboutTxt,
.blockAreaS02 .aboutTxt {
 float:left;
 padding:6px;
	_padding:4px 6px;
	width:174px;
	_width:184px;
}

.aboutImg {
 float:right;
	padding-left:5px;

}

.blockAreaS01 {
 float:left;
	width:310px;
}

.blockAreaS02 {
 float:right;
	width:310px;
}


.actionTel{
 padding-bottom:35px;
}

.colorBlue {
 color:#0099cc;
 font-weight:bold;
}


.more {
 padding-bottom:20px;
}

.more dt {
 background:url(../img/bg_more.jpg) 0 0 no-repeat;
	padding:8px 0 0 15px;
	width:640px;
	height:37px;
	font-size:14px;
	font-weight:bold;
}

.more dt p {
}

.more dl dd {
 background:url(../img/dot_more.gif) left bottom repeat-x;
	padding:7px 12px;
	_padding:14px 12px 0 12px;
}

.more dl dd span {
 display:block;
	background:url(../img/arrow_more.jpg) 0 0 no-repeat;
	height:24px;
	text-indent:30px;
}



/*　トップページ
------------------------------------------------------------------------------------------*/
#contents p
{
	font-size: 13px;
	padding: 0 0 0 10px;
	line-height: 145%;
	margin: 5px 0;
}

#contents .block_text {
	padding: 5px 0 0 5px;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 100%;
	margin: 0;
}

#wrapper #cont_inner #contents ul,
#wrapper #cont_inner #contents ol {
	margin: 0 0 0 25px;
	list-style: inside;
}

#wrapper #cont_inner #contents li {
	margin: 10px 0px;
	list-style: inside;
	padding: 0;
}



.mainArea,
.mainAreaArea {
 padding-bottom:15px;
}

.mainAreaItem {
	margin-bottom:15px;
	background:url(../img/subpage_title.jpg) 0 0 no-repeat;
	width:640px;
	height:150px;
}

.mainAreaItem h3 {
	color:#666666;
	font-size:26px;
	padding:50px 0 40px 22px;
	_padding:40px 0 30px 22px;

}

.mainAreaItem p {
 color:#FFFFFF;
	padding-left:22px;
}



.contents_area {
 background:url(../img/bg_spot.gif) 0 0 repeat;
	margin-bottom:20px;
}

.contents_area ul {
 padding:10px;
	height:153px;
}

.contents_area ul li {
 float:left;
}

.contents_area_inner {
 padding:0 0 5px 0;
	width:210px;
}


.contents_inner {
 padding-bottom:20px;
}

.contents_inner dl {
 padding-bottom:6px;
}

.contents_inner dl dd {
 background:url(../img/line_topic.gif) left bottom repeat-x;
	padding:7px 12px 0 12px;
	_padding:9px 12px 0 12px;
	height:32px;
}

.contents_inner dl dd span {
 display:block;
	float:left;
	background:url(../img/arrow_topic.gif) 0 2px no-repeat;
	_background:url(../img/arrow_topic.gif) 0 0 no-repeat;
	width:70px;
	height:24px;
	text-indent:25px;
}

.space
{
	margin: 10px;
}


/*　エリア　詳細
------------------------------------------------------------------------------------------*/
.contentsTtlArea {
 background:url(../img/ttl_contents.jpg) 0 0 no-repeat;
	width:640px;
	height:37px;
	padding-bottom:15px;
}

.contentsTtlArea h2 {
	padding:6px 4px 0 38px;
	_padding:10px 4px 10px 38px;
	font-size:16px;
	font-weight:bold;
	color: #333333;
	margin: 0;
}





/*　サイト運営者
------------------------------------------------------------------------------------------*/
.blockCompany {
 background:url(../img/dot_company.gif) 0 0 no-repeat;
 width:620px;
	margin:10px 0 50px 10px;
}

.blockCompany dl {
 background:url(../img/dot_company.gif) left bottom no-repeat;
	width:620px;
 padding:5px 0;
 _padding:7px 0;

}

.blockCompany dt {
 float:left;
	padding:5px 0;
	width:160px;
	text-indent:15px;
	font-weight:bold;
}

.blockCompany dd {
	padding:5px 0;
}

/* .clearfix
---------------------------------------------------------------------------------------- */

.clear
{
	clear:both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/
#contents  #tac {
	color: #333333;
}
/* table スタイル
---------------------------------------------------------------------------------------- */
table td,
table tr
{
	padding: 0 5px;
}

#wrapper #cont_inner #contents .td_black {
	background-color: #FF9C77;
}
#wrapper #cont_inner #contents .td_glay {
	background-color: #FFEED2;
}

#wrapper #cont_inner #contents .td_blue {
	background-color: #FBED75;
}
#wrapper #cont_inner #contents .td_green {
	background-color: #E2BF8B;
}

#wrapper #cont_inner #contents .td_green_low p,
#wrapper #cont_inner #contents .td_glay p
{
	font-size: 14px;
}

#wrapper #cont_inner #contents .td_blue_low
{
	background-color: #FFFDE8;
}	

#wrapper #cont_inner #contents .td_green_low
{
	background-color: #FFBFBF;
}

#wrapper #cont_inner #contents .td_black p,
#wrapper #cont_inner #contents .td_glay p {
	padding: 0;
}

@media print 
{
body {
zoom: 70%;

}
}

#wrapper #cont_inner #contents .list1 {
	margin: 0 5px;
	padding: 0 0;
	border: 1px solid #cccccc;
	width: auto;
	min-height:225px;
	_height:250px;
	background-color: #FFFBEE;
}

#wrapper #cont_inner #contents .list1 li
{
	float: left;
	display: inline-block;
	margin: 8px 10px;
	font-size: 15px;
	}
#wrapper #cont_inner #left_side p {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}
#wrapper #cont_inner #left_side .words {
	background:#fff;
	border: 1px solid #cccccc;
}
#wrapper #cont_inner #left_side .words h2
{
	border-bottom: 1px #F93 solid;
	border-top: 1px #F93 solid;
	background-color:#FFFAF0;
	padding: 5px 0;
	margin: 0;
}


#wrapper #cont_inner #left_side .words h3
{
	color: #666;
	border-bottom: dotted 1px #ccc;
}


