/* ■■■CSSのリセット■■■
----------------------------------------------------------*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

/*ブラウザ固有のスタイルのリセット********/


html{
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;}

q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}



body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}




/* ■■■基本デザイン用CSS■■■
----------------------------------------------------------*/

/*font-size 対応一覧*********************/

 77% = 10px | 122% = 16px | 167% = 22px 
 85% = 11px | 129% = 17px | 174% = 23px
 92% = 12px | 136% = 18px | 182% = 24px
100% = 13px | 144% = 19px | 189% = 25px
107% = 14px | 152% = 20px | 197% = 26px
114% = 15px | 159% = 21px |

/****************************************/


body {}

a {
	color:#00f;
	text-decoration:none;
}

a:hover {
	color:#f00;
	text-decoration:underline;
}


/*
ベース
-------------------------------------------------------------------*/
#container {
	background:#fff;
	border-left:1px solid;
	border-right:1px solid;
	margin:0 auto;
	width:800px;
}

#content {
	margin-top: 5px;
}


/*
見出し
-------------------------------------------------------------------*/

h1{
	text-align:right;
}


/*
ヘッダー
-------------------------------------------------------------------*/

#header {
	width:800px;
	height:100px;
	background-image: url(../image/banner.jpg);
}


#header a {
	color:#fff;
	display: block;
	font-size: 167%;
	height: 25px;
	margin-left: 20px;
	padding-top: 10px;
	line-height: 25px;
	text-decoration: none;
	width: 300px;
}



/*グローバルナビ
----------------------------------------------- */
#navi {
	border-bottom:1px solid #666;
	height: 20px;
	width:800px;
}


#navi ul {
	float:right;
	margin-right: 0px;
}


#navi li {
	border-left:1px solid #666;
	float:left;
	list-style-type:none;
	text-align:center;
	width:120px;
}

#navi ul:after{
	clear:both;
}


#navi a {
	display:block;
	font-size: 92%;
	line-height: 20px;
	text-decoration:none;
}


#navi a:hover {
	background-color: #ffffcc;
}


/*パンくずナビ
----------------------------------------------- */

#pan{
	font-size: 92%;
	line-height: 20px;
	margin:5px 10px;;
}

#pan a{
	text-decoration:none;
}


#pan a:hover {
	text-decoration:underline;
}


/*
コンテンツ
-------------------------------------------------------------------*/

#main {
	width:600px;
	float: right;
}

#main-inner{
	margin:5px;
}


#main h2 {
	border-left:7px solid #006;
	border-bottom:1px solid #006;
	clear:both;
	color: #000;
	font-size: 122%;
	font-weight: bold;
	margin: 10px 10px 5px 10px;
	padding:2px 0 2px 10px;
}


#main h3 {
	border-left:7px solid #006;
	clear:both;
	color: #000;
	font-size:114%;
	line-height: 20px;
	padding-left: 10px;
	margin:10px 10px 5px 15px;
}


div.main-cont{
	clear:both;
	margin:0px 20px 10px;
}


div.main-cont p{
	line-height: 20px;
	padding:5px 10px;
}

div.main-cont dl{padding:0px 10px;}
*html div.main-cont dl{margin-top:-5px;}
*:first-child+html div.main-cont dl{margin-top:-5px;}


div.main-cont dt{
	margin-bottom:3px;
}

div.main-cont dd{
	margin-bottom:15px;
}


.img_left{
	float:left;
	padding:5px;
	border:1px solid #ccc;
	margin:5px 10px 5px 5px;
}

.img_right{
	float:right;
	padding:5px;
	border:1px solid #ccc;
	margin:5px 5px 5px 10px;
}

ul.sitemap{
	margin:5px 10px;
}

ul.sitemap li{
	list-style-type:disc;
	margin-left:10px;
	margin-bottom:5px;
}

ul.sitemap li a{
	color:#333;
	font-size:107%;
}

ul.sitemap li a:hover{
	color:#f00;
}

/*運営者情報テーブル*/

table.ask {
	width: 94%;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #666;
	border-collapse: collapse;
	margin-left: 2%;
}


table.ask th{
	font-weight:bold;
	text-align: center;
	color: #333333;
	margin:0;
	border: 1px dotted #666;
	border-collapse: collapse;
	background-color: #FEF5E7;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 160%;
	white-space:nowrap;
}


table.ask td{
	margin:0;
	border: 1px dotted #666;
	border-collapse: collapse;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 140%;
}


/*
サイド・メニュー
-------------------------------------------------------------------*/
#sub {
	float: left;
	width: 200px;
}


#sub-inner {
	margin:5px;
}

#sub li {
	list-style-type: none;
}

#sub-inner div.sub-cont {
	margin-bottom:20px;
}

div.sub-title{
	border-bottom:1px solid #060;
	line-height: 24px;
	font-size: 100%;
	padding:4px 0 0 0;
	text-align: center;
}

div.sub-cont ul {
	margin-bottom: 5px;
}

div.sub-cont li a {
	border-bottom:1px solid ;
	display: block;
	font-size: 85%;
	line-height: 15px;
	margin: 1px 0 0 0;
	padding: 2px 15px;
}


div.sub-cont li a:hover {
	background-color: #EBF5EC;
	text-decoration: none;
}


div.sub-cont p{
	background:#fff;
	margin:0 12px;
	padding:5px;
}



/*
フッタメニュー
-------------------------------------------------------------------*/

#footer{
	clear: both;
}

#footer-menu {
	border-top: 1px solid #666;
	padding:5px 0;
	text-align: center;
}

#footer-menu ul {
}

#footer-menu li {
	display:inline;
	margin-right:10px;
}

#footer-menu li a {
	font-size: 92%;
	}

#footer-menu a:hover {
	}

#footer-menu ul:after{
	clear:both;
}

#footer-menu p {
}



/*
コピーライト
-------------------------------------------------------------------*/

address {
	clear:both;
	background-color: #006;
	color: #FFFFFF;
	display: block;
	padding:5px 0;
	text-align: center;
}




/* ■■■デザイン変更用CSS■■■
----------------------------------------------------------*/

* {
	color:#333333;
	font-family: Verdana, Arial, sans-serif;
}

html,body {
	background-color: #FFFFFF;
	background-image: url(../image/005_bg.jpg);
	background-repeat: repeat-x;
}

a {
	color:#DB4956;
}

h1{
	position:absolute;
	top:0;
	right:0;
}


/*
ベース
-------------------------------------------------------------------*/
#container {
	width:100%;
	margin-top: 1px;
	text-align: center;
	border:none;
}

#content {
	background-color: #FFFFFF;
	width: 800px;
	margin:0 auto;
	text-align:left;
}


/*
ヘッダー
-------------------------------------------------------------------*/

#header {
	width:100%;
	height:60px;
	background: url(../image/005_head.jpg) no-repeat;
	text-align: left;
}


#header a {
	display: block;
	text-decoration: none;
	width: 300px;
	height: 25px;
	margin-left: 35px;
	padding-top: 10px;
	font-size: 136%;
	line-height: 25px;
	color: #333333;
}



/*ナビゲーション
----------------------------------------------- */
#navi {
	width:100%;
	height: 20px;
	background-color: #333;
	border-bottom: 8px solid #666;
}

#navi ul {}

#navi li {
	border-left: 1px solid #fff;
}

#navi a {
	color: #fff;
	font-size: 100%;
	letter-spacing: 0.1em;
	line-height: 20px;
}

#navi a:hover {
	color: #FF6600;
	background-color: #FFFFFF;
}

/*●パンくずナビ*/

div#pan{
	font-size:92%;
}



/*
コンテンツ
-------------------------------------------------------------------*/

#main {
	float:right;
	width:580px;
}

#main p{
	/*background: url(../image/note_line.gif);*/
}

#main h2 {
	color: #933;
	border-left: 7px solid #933;
	border-bottom: 1px solid #EAEAEA;
}

#main h3 {
	border-left: 5px solid #933;
	color: #333333;
}



/*
サイド・メニュー
-------------------------------------------------------------------*/
#side {
	float:left;
	width: 210px;
}

#sub-inner {
	border:none;
}

div.sub-cont {
	margin:5px auto 0;
	padding-top: 2px;
	width: 200px;
}

#side_d {
	padding-top: 2px;
	margin-bottom: 5px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

div.sub-title {
	background-image: url(../image/005_side_h3.gif);
	border-bottom: 1px solid #6F2C58;
	color: #FFFFFF;
	display: block;
	font-size: 100%;
	font-weight:bold;
	margin:3px 10px -5px 10px;
	padding-top: 4px;
	text-align: center;
	width: 180px;
}

div.sub-cont ul{
	border:1px solid;
	margin: 1px 10px 0px 10px;
	_width:178px;
}

div.sub-cont li a {
	background:url(../image/005_li.gif) no-repeat #E8E6D0 5px center;
	border-bottom: 1px solid #D5D1AA;
	color:#333;
	display: block;
	font-size: 100%;
	padding:3px 0 3px 15px;
	text-decoration:underline;
	_width:162px;
}

div.sub-cont li a:hover {
	background-color: #FCF9E4;
	color: #000000;
	text-decoration: none;
}

div.sub-cont p{
	border:1px solid #ccc;
	margin:0 10px;
}



/*
フッタメニュー
-------------------------------------------------------------------*/

#footer {
	background-image: url(../image/005_foot.jpg);
}

#footer-menu {
	border-top: 1px solid #E2E2DE;
}

#footer ul {
	margin: 5px 0;
}

#footer li a {
	font-size: 92%;
}

#footer p {
	font-size: 92%;
	color: #333333;
}



/*
コピーライト
-------------------------------------------------------------------*/

address {
	background-color: #333;
	border-top: 8px solid #666;
	font-size: 92%;
	padding: 5px 0px;
	text-align: center;
}