@charset "utf-8";
/* CSS Document */


/* =============================================================
　■□■ 1. 基本設定 ■□■
============================================================= */

body
{
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background:#EEE;

}

body#include
{
	margin: 0;
	padding: 0;
	border-style:none;
	background:#fff;
	overflow: auto;
	text-align: left;
	width: 520px;
}

 a:link
{
	color:#000080;
}

/*
a:visited
{
	color:#8252a8;
}
*/

a:hover,
a:active
{
	color:#FF0000;
}

a:link img,
a:visited img
{
	border:1px solid #000;
}

a:hover img,
a:active img
{
	border:1px solid #ffcc00;
}

a:link img.none,
a:visited img.none,
a:hover img.none,
a:active img.none
{
	border:none;
}


/* =============================================================
　■□■ 2. 基本レイアウト ■□■
============================================================= */
#toppage #wrapper,
#subpage #wrapper
{
	width:850px;
	text-align:left;
	margin:0 auto;
	background:#FFF;
}

#pop #wrapper
{
	width:660px;
	text-align:left;
	margin:0 auto;
	background:#FFF;
}


/* -------- header -------- */
#header
{
	background:#41416d;
	color:#FFF;
}

#header h1
{
	margin:0px;
	padding:8px 15px 1px;
	font-size:10px;
	font-weight:normal;
	color:#e6e6ec;
/*	text-align:right;*/
}
#header p#logo
{
	margin:0px;
	padding:0px 15px 8px;
}

/* -------- g-navi -------- */
ul#g-navi
{
	margin:0px;
	padding:0px;
	background:#000 url(../images/bg_gnavi.gif);
	height:32px;
}

ul#g-navi li
{
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	height:32px;
	font-size:12px;
}

ul#g-navi li a:link,
ul#g-navi li a:visited
{
	background:#000 url(../images/bg_gnavi.gif);
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:8px;
	height:16px;
	width:8em;
	text-align:center;
}

ul#g-navi li.on a:link,
ul#g-navi li.on a:visited
{
	background:url(../images/g-navi_on.gif) repeat-x bottom;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:8px;
	height:16px;
	width:8em;
	text-align:center;
}

ul#g-navi li a:hover,
ul#g-navi li a:active
{
	background:url(../images/g-navi_on.gif) repeat-x bottom;
	display:block;
	padding:8px;
	height:16px;
	width:8em;
}

/* -------- contents -------- */
p.main-image img
{
        border: 1px solid #CCCCCC;
}

#contents
{
	clear:both;
	padding:10px 20px;
	margin-bottom:1em;
}

#contents p.txt-top
{
	margin:0 0 5px;
	padding:0px;
	text-align:right;
}


/* -------- main -------- */
#toppage #main,
#subpage #main
{
	width:580px;
	float:left;
}

#toppage #main h2
{
	background:#FFF url(../images/bg_h2.gif) repeat-x left bottom;
	color:#050556;
	font-size:125%;
	padding:7px 15px 5px;
	clear:both;
}

#subpage #main h2,
#pop #main h2
{
	background:#FFF url(../images/bg_sub_h2.gif) repeat-x left top;
	font-size:100%;
	padding:7px 15px 5px;
	border:1px solid #CCC;
	clear:both;
}

#pop #main h2
{
	margin-top:30px;
}

#main p
{
	line-height:150%;
}

#subpage #main h3
{
	color:#000066;
	font-size:115%;
	border-bottom:1px solid #CCC;
	padding:5px 0;
	margin-bottom:0;
	clear:both;
}

#include h5
{
	font-size:115%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}



#subpage #main dl.results dt
{
	color:#000066;
	font-size:115%;
	border-bottom:1px solid #CCC;
	padding:5px 0;
	margin-bottom:0;
	clear:both;
	font-weight:bold;
}

#toppage #main dt,
#subpage #main dt
{
	clear:left;
}

#toppage #main dd,
#subpage #main dd
{
	margin:5px 0 1em 0;
}


/* -------- menu -------- */
#toppage #menu,
#subpage #menu
{
	width:206px;
	float:left;
	margin-left:20px;
}

#subpage #menu
{
	margin-top:30px;
}

#toppage #menu h3
{
	background:#333366 url(../images/bg_h3.gif) repeat-x left bottom;
	color:#FFF;
	font-size:85%;
	padding:5px 10px;
	margin-bottom:0;
	clear:both;
}

#subpage #menu h3
{
	color:#000066;
	font-size:100%;
	border-bottom:1px solid #CCC;
	padding:5px 0;
	margin-bottom:0;
	clear:both;
}

#toppage #menu p.list
{
	background:url(../images/list_yellow.gif) no-repeat left center;
	padding-left:10px;
}

p.pagetop
{
	text-align:right;
	background:url(../images/pagetop.gif) no-repeat right bottom;
	padding-right:15px;
	font-size:85%;
}


/* -------- footer -------- */
#footer
{
	clear:both;
}


#footer ul
{
	margin:1em 0 0 20px;
	padding:0px;
	list-style:none;
}

#footer ul li
{
	float:left;
	margin:0px 1em 0.5em 0;
	padding:0px;
}

#footer #copyright
{
	clear:both;
	background:#151548 url(../images/bg_footer.gif) repeat-x top left;
	margin:0px;
	padding:10px;
	text-align:center;
	color:#FFF;
}

#footer #copyright address
{
	font-style:normal;	
}

#footer #copyright a:link,
#footer #copyright a:visited
{
	color:#FFF;
}


/* =============================================================
　■□■ 3. 配置関連 ■□■
============================================================= */

/* ------------------ 画像中央寄せ -------------- */

.img-center
{
	text-align: center;
}

.img-center img
{
	margin-left: auto;
	margin-right: auto;
}

/* ------------------ 画像右寄せ -------------- */

.img-right
{
	float: right;
	margin-left: 10px;
	margin-bottom: 3px;
}

/* ------------------ 画像左寄せ -------------- */

.img-left
{
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
}

/* ------------------ 画像テキストの小アイコン用 -------------- */
.img-bottom
{
	vertical-align: bottom;
	padding:0 2px;
}

/* ------------------ テキスト右寄せ -------------- */

.text-right
{
	text-align: right;
}

/* ------------------ テキスト左寄せ -------------- */

.text-left
{
	text-align: left;
}

/* ------------------ テキスト中央寄せ -------------- */

.text-center
{
	text-align: center;
}

/* ------------------ 枠 -------------- */
.wrap
{
	border:1px dotted #ccc;
	background:#EEE;
	padding:10px;
}

ul.list
{
	margin:0px;
	padding:10px;
}

ul.list li
{
	background:url(../images/list_yellow.gif) no-repeat left 5px;
	padding-left:10px;
	list-style:none;
	line-height:150%;
}

/* table ------------------ */

table
{
	border-top:1px solid #999;
	border-left:1px solid #999;
	margin-bottom:60px;
}

table th
{
	background:#fff url(../images/bg_table.gif) repeat-x;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
	text-align:left;
}

table td
{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
}

table.table_black,
table.table_black td,
table.table_black th
{
background:#000000;
color:#FFFFFF;
border:none;
margin:0px;
}

/* フォームの入力必須 */
p.hissu
{
	width:160px;
	background:url(../images/contact/ico_hissu.gif) no-repeat right center;
	padding:5px 0;
}

/* =============================================================
　■□■ 4. float 関連 ■□■
============================================================= */

/* ------------------ floatをここから回避 ------------------ */
.clear
{
	clear: both;
}


/* -------- floatした中身がBOXからはみ出すのを回避 -------- */

.clearbox:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

.clearbox
{
	height: 100%;
}

/* =============================================================
　■□■ 5. hack 関連 ■□■
============================================================= */

/* -------- 中身をfloatした場合も背景を下まで伸ばす -------- */

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

.clearfix
{
	display: inline-block;
}

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



/* -------- IE5.5 ＆ IE6のみで起きる不具合の回避 -------- */

/* Hides from IE5-mac \*/
* html .hollyhack {height: 1%;}
/* End hide from IE5-mac */


ol.decimal li
{
list-style-type: decimal;
padding:5px;
list-style-position: inside;
font-weight:bold;
}

{
margin-bottom:20px;
}

ul.banner
{
list-style:none;
margin:8px 0;
padding:0;
}

ul.banner li
{
margin:0 0 8px 0;
padding:0;
}

div.wrapbox
{
width:280px;
float:left;
margin-left:10px;
}

div.wrapbox h4
{
font-size:14px;
margin:0px;
padding:0px;
margin-top:10px;
}

ul.none
{
display:none;
}