@charset "utf-8";

/* import css
----------------------------------------------------------- */
@import url(reset.css);
@import url(reset-fonts.css);
@import url(text_decoration.css);

/* 全体の定義
----------------------------------------------------------- */
body {
	color:#000;
	text-align: left;
	word-break:break-all;
	font-family:"メイリオ" ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}
#wrapper {
	width: 900px;
	margin:0 auto;
	background:#FFFFFF;
}
#header{
	padding:15px 0 0;
	margin-bottom:10px;
}
#container{
	margin-bottom:10px;
	background:url(../img/bg.jpg) repeat-y 0 0;
}
#main {
	width: 650px;
	float: left;
}
#top #main{
	width:650px;
}
#side {
	width: 240px;
	float: right;
}
#footer{
	clear:both;
	text-align:center;
	height:40px;
	padding:25px 0 0;
	border-top:4px solid #E57F7F;
}

/* ヘッダー
----------------------------------------------------------- */
img#logo{
	margin:0 0 15px 5px;
}
img#h_banner{
	float:right;
}
/* タグの定義
----------------------------------------------------------- */

p {
	font-size: 13px;
	line-height: 175%;
	margin-bottom: 25px;
}
img {
	border: 0px;
	vertical-align: top;
}
ul, ol, dl {
	line-height: 1.5;
}
a {
	outline: none;
}
a:link, a:visited{
	color: #000099;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF6600;
	text-decoration: underline;
}
hr {
	display: none;
}
blockquote {
	line-height: 1.5;
	border-left: 4px solid #e8d5c8;
	margin: 0px 0px 16px;
	padding-left: 12px;
}
address{
	font-style:normal;
}
/* クラスの定義
----------------------------------------------------------- */
.shadow{
	background:url(../img/bg_shadow.jpg) no-repeat 0 0;
}
.clear {
	clear: both;
}
.text_right {
	text-align: right;
}
.bold{
	font-weight:bold;
}
.large {
	font-size: 116%;
}
.small {
	font-size: 86%;
	vertical-align: top;
}
.important {
	font-weight: bold;
	color: #930;
}
.number_list {
	margin-left: 28px;
	margin-bottom: 18px;
}
.number_list li {
	margin-bottom: 6px;
}
.end {
	margin-bottom: 0px !important;
}
.mb{
	margin-bottom:50px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.bgno{
	background:none !important;
}
.f-l{
	float:left;
}
.f-r{
	float:right;
}
.center{
	text-align:center;
}

/* 見出しの定義
----------------------------------------------------------- */
/* h3{
	font-size:145%;
	font-weight:bold;
	border-left:4px solid #000000;
	color:#000000;
	padding-left:10px;
	margin-bottom:25px;
}
*/
h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	color:#000000;
}
	
/* レイアウトの定義
----------------------------------------------------------- */
.pad{
	padding-left:8px;
}
.contents{
	padding:0 15px;
}
.pad10{
	padding:10px 10px 0;
}
#main ul,
#main ol{
	margin:0 0 25px 20px;
	line-height: 175%;
}
#main ul li{
	list-style:disc;
}
#main ol li{
	list-style:decimal;
}
/* サイドコンテンツの定義
----------------------------------------------------------- */
#side h3{
	background:url(../img/dot_line.gif) repeat-x 0 100% #F6F6F6;
	height:25px;
	padding: 8px 10px 0;
	font-weight:bold;
}
#side .menu{
	margin-bottom:10px;
	border:1px solid #DBDBDB;
}
#side ul{
	margin: 12px 3px;
}
#side ul li {
	background:url(../img/list_b.jpg) no-repeat 0 4px;
	margin: 6px 0;
	padding-left: 25px;
	color:#307FAC;
}
.rectangle_ad{
	margin-bottom:7px;
}

/* ナビゲーション
----------------------------------------------------------- */
ul#navigation{
	height:44px;
	background:#E57F7F;
	padding-bottom:4px;
}
ul#navigation li{
	float:left;
}

/* TOPページ
----------------------------------------------------------- */
#tab_flash{
	margin-bottom:10px;
}
.topics{
	border:1px solid #DBDBDB;
	padding:13px 0 10px;
	margin-bottom:10px;
}
h2.t_title{
	background:url(../img/bg_title2.jpg) repeat-x 0 100%;
	padding: 0 10px 10px;
	margin-bottom:10px;
}
#c_main{
/*	width:420px;  */
	float:left;
	border:1px solid #DBDBDB;
	padding:5px 0 0;
	margin-bottom:10px;
}
#c_sub{
	width:218px;
	float:right;
	border:1px solid #DBDBDB;
	padding:5px 0 0;
	margin-bottom:10px;
}
dl.service{
	background:url(../img/dot_line.gif) repeat-x 0 100%;
	padding:0 8px 8px;
	margin-bottom:8px;
	clear:both;
}
dl.service dt{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}
dd.image{
	float:left;
}
dd.txt{
	margin-left:80px;
}
h2.s_title{
	background:url(../img/bg_title.jpg) repeat-x 0 100%;
	padding: 0 3px 3px;
	margin-bottom:10px;
}	


/* 下層ページ
----------------------------------------------------------- */
.area{
	border:1px solid #DBDBDB;
	padding:10px;
	clear:both;
}
.area h1{
	font-size:18px;
	font-weight:bold;
	padding:9px 0 13px 35px;

	margin-bottom:15px;
	background:url(../img/bg_title.jpg) repeat-x 0 100%;
}
.area h2{
	font-size:16px;
	font-weight:bold;
	border-left:4px solid #CC0000;
	color:#000000;
	padding-left:10px;
	margin-bottom:25px;
	clear:both;
}
.area h2.heart{
	font-size:16px;
	font-weight:bold;
	color:#E04949;
	padding:8px 0 7px 35px;
	margin-bottom:25px;
	clear:both;
	background:url(../img/bg_heart.jpg) no-repeat 0 0;
	border:none;
}
.area h3{
	font-size:15px;
	font-weight:bold;
	border-left:4px solid #000000;
	color:#000000;
	padding-left:10px;
	margin-bottom:25px;
	clear:both;
}
.area a{
	font-weight:bold;
	color:#0000FF;
	text-decoration:underline;
}
.area a:visited{
	color:#FF6600;
	text-decoration:underline;
}
.area a:hover, .area a:active {
	color:#999900;
	text-decoration: underline;
}
.target{
	margin-bottom:45px;
}
.g_left{
	width:300px;
	float:left;
	border:1px solid #DBDBDB;
	padding:0;
	margin-bottom:10px;
}
.g_right{
	width:300px;
	float:right;
	border:1px solid #DBDBDB;
	padding:0;
	margin-bottom:10px;
}
.g_left dt{
	background:#003366;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 10px;
}
.g_right dt{
	background:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 10px;
}
#main .g_right ul,
#main .g_left ul{
	margin:10px 5px 10px 10px !important;
	line-height: 150%;
}
.g_left ul li{
	list-style:none !important;
	padding:0 0 0 22px !important;
	background:url(../img/good.jpg) no-repeat 0 2px;
	margin-bottom:10px;
}
.g_right ul li{
	list-style:none !important;
	padding:0 0 0 22px !important;
	background:url(../img/bad.jpg) no-repeat 0 2px;
	margin-bottom:10px;
}
dl.index{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}
dl.index dt{
	float:left;
	margin:0 15px 15px 0;
}
dl.index dd{
	margin:0 0 8px 135px;
	line-height: 175%;
}
.osusume{
	background:url(../img/osusume.jpg) no-repeat 100% 3px;
	padding-right:70px;
}
.layout{
	width:300px;
	margin:0 auto 20px;
}
.layout p{
	font-size:11px;
	line-height:120%;
	margin-bottom:0;
}
.boxA,
.boxB{
	width:130px;
	text-align:center;
}
.boxA{
	float:left;
}
.boxB{
	float:right;
}
caption{
	margin-bottom:5px;
}	
.action{
	margin:60px 0 10px;
}
ul.category{
	text-align:center;
}
ul.category li{
	display:inline;
	margin:0 5px;
}
ul.category li img{
	border:1px solid #CCCCCC;
}

/* pankuzu
----------------------------------------------------------- */
ul#pankuzu{
	margin:0 0 5px 0;
	padding:0;
}
ul#pankuzu li{
	float: left;
	display: inline;
	margin:0 10px 0 0;
	padding-left:8px;
	background:url(../img/pan_arrow.gif) no-repeat 0 4px;
	font-size:11px;
	color:#999999;
}
ul#pankuzu li#home{
	background:url(../img/pan_home.gif) no-repeat 0 3px;
	padding-left:15px;
}

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

.clearfix {
	zoom: 1;
	overflow:hidden;
	display: inline-block;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* IEでimgの拡大縮小を綺麗にする
----------------------------------------------------------- */

img {
	-ms-interpolation-mode: bicubic;
}