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

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #c0c0c0; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}
body,td,th,p,div,li,pre,input,textarea,dt,dd
{
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック",sans-serif;
line-height: 1.4em;
color: #333333;
}
body{
font-size: 14px;
}
h1,h2,h3,h4,h5,h6{
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック",sans-serif;
line-height: 1.4em;
color: #333333;
}
/* *********************************************************************************************************************************** */
/* --- 全体のリンクテキスト --- */
a:link { color:#666666;}
a:visited { color:#666666;}
a:hover { color: #ff0000;}
a:active { color: #666666;}
/* *********************************************************************************************************************************** */
/*
====================================================
HeadContainer
====================================================
*/
#HeadContainer{
	margin: 0;
	padding: 0;
	width: 100%;
	height:60px;
	background: url(../img/haikeijyoudann.gif) repeat-x;
	background-color: #333333;
}
#HeadMain{
	width: 950px;
	height:60px;
	margin: 0 auto;
	padding: 0;
}
/*
====================================================
メインイメージ
====================================================
*/
#headimg{
	height:300px;
	padding: 0;
	background-color: #333333;
	overflow: hidden;
}
#mainimages{
	margin: 0;
	padding: 0;
	width: 800px;
}
#mainimages img{
	margin:0;
	padding:0;
	background-color: #333333;
}
#headimgshita{
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	background:transparent url(../img/buttonshita.gif);
	background-repeat:repeat-x;
	overflow: hidden;
}
/* --- ナビゲーションバー --- */
.nav {
border-bottom: 1px #ccc solid;
width: 100%; /* ナビゲーションの幅 */
height: 42px;
background: #ffffff url(../img/button_off.gif) repeat-x top; /* ナビゲーションの背景 */
font-size: 90%;
}
/* --- メニューエリア --- */
.nav .nl {
width: 950px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #ffffff url(../img/button_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #cccccc solid; /* メニューの左枠線 */
border-right: 1px #ffffff solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
.nav .nl li {
width: 20%; /* 項目の幅 */
float: left;
}
/* --- リンク --- */
.nav .nl li a {
color:#666666;
display: block;
position: relative; /* IE6用 */
padding: 11px 2px; /* リンクエリアのパディング（上下、左右） */
border-top: 1px #ffffff solid; /* リンクエリアの上枠線 */
border-bottom: 1px #999999 solid; /* リンクエリアの下枠線 */
border-left: 1px #ffffff solid; /* リンクエリアの左枠線 */
border-right: 1px #cccccc solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #ffffff url(../img/button_on_1.gif) repeat-x top; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}
/* *********************************************************************************************************************************** */
/* --- BodyContainer -- */
#BodyContainer{
width: 100%;
overflow: hidden;
background-color: #fff;
background: url(../img/mainhaikei.gif) repeat-x;
}
/* --- コンテナ --- */
#container {
width: 950px; /* ページの幅 */
margin: 0 auto; /* センタリング */
margin-top: 30px;
background: url(../teimg/001.gif) repeat-y left; /* 左サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
}
#containerInner {
width: 100%;
background: url(../teimg/001.gif) repeat-y right; /* 右サイドバーの背景画像 */
}
/* *********************************************************************************************************************************** */
/* --- ヘッダ --- */
#header {
background-color: #FFFFFF; /* ヘッダの背景色 */
}
/* --- リストエリア --- */
.topicPath {
margin: 0;
padding: 5px 0;
list-style-type: none;
font-size: 80%;
text-align: right;
}
/* --- リスト項目 --- */
.topicPath li {
display: inline;
}
/* --- リンク --- */
.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}
/* *********************************************************************************************************************************** */
/* --- ナビゲーション --- */
#nav {
float: left;
width: 250px; /* 左サイドバーの幅 */
overflow: hidden;
}
/* *********************************************************************************************************************************** */
#introduction{
margin: 0 8px 0 0;
width: 240px;
background-color:#F2FCFE;
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
#introduction ul{
margin: 0px 10px 10px 5px;
padding: 0;
list-style: none;
font-size:12px;
}
#introduction ul li {
margin: 1px 0 0 0;
color: #0066FF;
}
#introduction li {
padding: 0 5px 0px 20px; /* 項目のパディング（上右下左） */
background: url(../img/list.gif) no-repeat; /* 項目の背景 */
}
#introduction ul li strong{
margin: 1px 0 0 0;
color: #808080;
font-weight: normal; 
}
#introduction img {
margin: 10px;
padding: 0;

}

/* *********************************************************************************************************************************** */
#qr{
overflow: hidden;
margin: 10px 8px 0 0 ;
width: 240px;
background-color:#F2FCFE;
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
#qr ul{
margin: 10px 0 10px 5px;
padding: 0;
list-style: none;
font-size:12px;
}
#qr ul li{
margin: 1px 0 0 0;
}
#qr li {
padding: 0 5px 0px 20px; /* 項目のパディング（上右下左） */
background: url(../img/list.gif) no-repeat; /* 項目の背景 */
}

#qr ul li a{
text-decoration: none;
color: #ff66cc;
}
#qr ul li a:hover{
text-decoration: underline;
color: #ff0099;
}
#qr p{
margin: 0 10px 0 0;
padding: 0;
color: #0066FF;
}
#qr p img{
float:right;
margin: 0 0 0 0;
padding: 0;
color: #6699ff;
border-color: #c0c0c0;
}

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

#details{
margin: 0 8px 0 0;
width: 240px;
background-color:#F2FCFE;
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
#ranking{
margin: 10px;
padding: 0;
}
/* *********************************************************************************************************************************** */
/* --- メインカラム --- */
#content {
float: left;
width: 450px; /* メインカラムの幅 */
}
#content img{
margin: 10px 0 0 0;
padding: 0;
border-color: #999999;
}
/* *********************************************************************************************************************************** */
/* --- ボックス --- */
.section {
/*margin-top: 10px;*/
width: 448px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
font-size: 80%; /* ボックスの文字サイズ */
}
/* --- 見出し --- */
.section h2 {
background: url(../teimg/h201.gif) repeat-x top;
text-align: center;
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #FFF1F7; /* 見出しの背景色 */
border: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 12px; /* 見出しの文字サイズ */
font-weight: normal; 
}
/* --- 本文領域 --- */
.section .textArea {
height: 100px; /* 本文領域の高さ */
overflow: auto;
}
/* --- 本文領域内の段落 --- */
.section .textArea p {
margin: 0.5em 10px; /* 段落のマージン（上下、左右） */
}
/* *********************************************************************************************************************************** */
/* --- ボックス --- */
.section02 {
margin: 10px 0 0 0;
width: 448px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 dotted; /* ボックスの枠線 */
font-size: 80%; /* ボックスの文字サイズ */
}
/* --- 見出し --- */
.section02 h2 {
text-align: center;
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #FFF1F7; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 12px; /* 見出しの文字サイズ */
font-weight: normal; 
}
/* --- ボックス内の段落 --- */
.section02 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}
.section02 img{
border: none;
}
.section02 a{
margin: 10px 0 0 10px;
padding: 0;
border: 1px #c0c0c0 solid;
}
.section02 a:hover{
border: 1px #000000 solid;
}
/* *********************************************************************************************************************************** */
/* --- ボックス --- */
.section04 {
width: 448px; /* ボックスの幅 */
margin: 5px 0 0 0; /* ボックスのマージン（上下、左右） */
font-size: 90%; /* ボックスの文字サイズ */
}
/* --- 見出し --- */
.section04 h2 {
background: url(../teimg/h201.gif) repeat-x top;
text-align: center;
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #FFF1F7; /* 見出しの背景色 */
border: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 12px; /* 見出しの文字サイズ */
font-weight: normal; 
}

/* --- メニューエリア --- */
.section04 .menu04 {
width: 448px; /* メニューエリアの幅 */
margin: 10px auto; /* メニューエリアのマージン（上下、左右） */
}
/* --- メニュー --- */
.section04 .menu04 ul {
width: 50%; /* メニューの幅 */
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}
/* --- メニュー項目 --- */
.section04 .menu04 li {
padding: 0 5px 5px 30px; /* 項目のパディング（上右下左） */
background: url(../teimg/folder.gif) no-repeat; /* 項目の背景 */
}
/* --- リンク --- */
.section04 .menu04 li a {
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.section04 .menu04 li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* *********************************************************************************************************************************** */
/* --- ボックス --- */
.section03 {
margin: 5px 0 0 0;
width: 450px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
font-size: 80%; /* ボックスの文字サイズ */
}
/* --- 見出し --- */
.section03 h2 {
text-align: center;
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #FFFCD3; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 12px; /* 見出しの文字サイズ */
font-weight: normal; 
}
#right{
margin:0;
padding:0;
float: right;
width: 450px;
height: 300px;
background-color: #FFFFFF;
}
#right img{
margin: 0 0 0 0;
padding:0;
height: 300px;
overflow:hidden;
}


/* *********************************************************************************************************************************** */
/* --- サブナビゲーション --- */
#aside {
/*float: right;*/
float: left;
width: 250px; /* 右サイドバーの幅 */
}
/* *********************************************************************************************************************************** */
#pickup{
margin: 0 0 0 8px;
width: 240px;
background-color:#F2FCFE;
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
#pickup ul{
margin: 10px 0 10px 5px;
padding: 0;
list-style: none;
font-size:12px;
}
#pickup li {
padding: 0 5px 0px 20px; /* 項目のパディング（上右下左） */
background: url(../img/list.gif) no-repeat; /* 項目の背景 */
}
#pickup ul li{
margin: 1px 0 0 0;
}
#pickup ul li a{
text-decoration: none;
color: #ff66cc;
}
#pickup ul li a:hover{
text-decoration: underline;
color: #ff0099;
}
#pickup p{
margin: 0 10px 0 0;
padding: 0;
color: #0066FF;
}
/* *********************************************************************************************************************************** */
#pickup02{
margin: 10px 0 0 8px;
width: 240px;
background-color:#F2FCFE;
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
#pickup02 ul{
margin: 10px 0 10px 5px;
padding: 0;
list-style: none;
font-size:12px;
}
#pickup02 li {
padding: 0 5px 0px 20px; /* 項目のパディング（上右下左） */
background: url(../img/list.gif) no-repeat; /* 項目の背景 */
}
#pickup02 ul li{
margin: 1px 0 0 0;
}
#pickup02 ul li a{
text-decoration: none;
color: #ff66cc;
}
#pickup02 ul li a:hover{
text-decoration: underline;
color: #ff0099;
}
#pickup02 p{
margin: 0 10px 0 0;
padding: 0;
color: #0066FF;
}
/* *********************************************************************************************************************************** */

/* --- フッタ --- */
#footer {
margin: 0 0 0 0;
margin-top: 10px;
padding: 0 0 0 0;
clear: left; /* フロートのクリア */
width: 948px;
background-color: #FFFFFF; /* フッタの背景色 */
/*border: 1px #c0c0c0 solid;*/ /* ボックスの枠線 */

}
/*
====================================================
フッター
====================================================
*/
#FootContainer{
background-color:#FFFFFF;
}
/*
=================================
		FootSubmenu
*/
#FootSubmenu{
	padding:10px 20px;
}
#FootSubmenu ul{
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#666666;
	
	/*text-align:right;*/
}
#FootSubmenu ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#FootSubmenu ul li a{
	padding:0 10px;
	text-decoration:none;
}
#FootSubmenu ul li a:hover{
text-decoration: underline; /* テキストの下線（あり） */
}
/*
=================================
		FootCopyright
*/
#FootCopyright{
	padding:10px 20px;
}
#FootCopyright p{
	text-align:center;
}
/* *********************************************************************************************************************************** */
#kage01{
margin: 0 8px 0 0;
padding: 0;
}
#kage02{
margin: 0 0 0 8px;
padding: 0;
}
/* *********************************************************************************************************************************** */
#title{
margin: 0;
padding: 0;
float: left;
}
#title a{
margin: 0;
padding: 0;
float: left;
}

#kinmark{
margin: 0;
padding: 0;
float: right;
}
#kinmark h1{
margin: 10px 0 0 0;
padding: 0;
text-align:right;
font-size: 10px;
font-weight: normal; 
color: #808080;
}
#kinmark p{
margin: 0 0 0 0;
padding: 0;
text-align:right;
font-size: 10px;
color: #FF0066;
}
#img{
margin: 0 8px 0 0;
padding: 0;
overflow: hidden;
}
#img02{
margin: 10px 8px 0 0;
padding: 0;
overflow: hidden;
}
#img03{
margin: 10px 8px 0 0 ;
padding: 0 0 0 0;
overflow: hidden;
}
#img04{
margin: 0 0 0 8px;
padding: 0;
overflow: hidden;
}
#mimg{
margin: 0;
padding: 0;
}

#kage03 {
margin: 0;
padding: 0;
}

#mainkage img{
margin: 0;
padding: 0;
}

#seiup{
margin: 5px 0 0 0;
padding: 0;

}
#seiup a{
margin: 0 0 0 0;
padding: 0;
height: 130px;
overflow: hidden;

}

#seiup img{
margin: 0px 0 0 0;
padding: 0;
}

#seiup h2{
background: url(../teimg/h201.gif) repeat-x top;
text-align: center;
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #FFF1F7; /* 見出しの背景色 */
border: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 12px; /* 見出しの文字サイズ */
font-weight: normal; 
}


#seibyou{
overflow: hidden;
margin: 10px 0 0 8px;
width: 240px;
background-color:#F2FCFE;
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
#seibyou ul{
margin: 10px 0 10px 5px;
padding: 0;
list-style: none;
font-size:12px;
}
#seibyou ul li{
margin: 1px 0 0 0;
}
#seibyou li {
padding: 0 5px 0px 20px; /* 項目のパディング（上右下左） */
background: url(../img/list.gif) no-repeat; /* 項目の背景 */
}

#seibyou ul li a{
text-decoration: none;
color: #ff66cc;
}
#seibyou ul li a:hover{
text-decoration: underline;
color: #ff0099;
}
#seibyou p{
margin: 0 10px 0 0;
padding: 0;
color: #0066FF;
}
#seibyou p img{
float:right;
margin: 0 0 0 0;
padding: 0;
color: #6699ff;
border-color: #c0c0c0;
}