@charset "utf-8";

/*	---------------------------------------------------------------------------------------
	Indian Info
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Default styles (colors and fonts)
	File:				default.css
	Date:				2008/3/29
	Author:				Indian(tasusu)
	---------------------------------------------------------------------------------------	*/


/*  ---------------------------------------------------------------------------------------
	基本設定 
	---------------------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
}
body{
text-align: center; /* For IE6 huck */
line-height:180%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Osaka,"MS PGothic",sans-serif;
font-size: 88%;
background: url(../img/bg.gif);
}


/*	---------------------------------------------------------------------------------------
 	リンク 
	---------------------------------------------------------------------------------------*/
a{color: #06C; font-weight: normal;}
a:visited { color: #323288;}					
a:hover { color: #FF8C00; text-decoration:none;}

/*	---------------------------------------------------------------------------------------
 	見出し
	---------------------------------------------------------------------------------------*/
h1,h2,h3{
line-height: 100%;
}

/*	---------------------------------------------------------------------------------------
 	フォーム
	---------------------------------------------------------------------------------------*/
form, input{
font-family: Arial;
}

/*	---------------------------------------------------------------------------------------
 	画像
	----------------------------------------------------------------------------------------*/
img{
border-style:none;
}


/*	---------------------------------------------------------------------------------------
 	main（コンテナー）
	---------------------------------------------------------------------------------------*/
#main{
text-align:left;
background: url(../img/bg.png) repeat-y;
width: 820px;
margin:0 auto;
}
#main div , #main ul , #topimg{
margin:0 10px;
width: 800px;
}


/*	----------------------------------------------------------------------------------------
	ヘッダー部分
	----------------------------------------------------------------------------------------*/
#header{
height:100px;
background:url(../img/bg2.png) repeat-x;
color: white;
}
#header h1{
font-size: 27px;
color: #FFA500;
padding:25px 10px 10px 10px;
}
#header h1 a{
color: #FFA500;
font-weight:bold;
text-decoration:none;
}
#header p{
padding:5px 10px;
}

/*	--------------------------------------------------------------------------------------
 	トップバー部分
	--------------------------------------------------------------------------------------*/
#topbar{
font-family: Arial;
background-color: #888888;
color:white;
list-style:none;
border-color: #FFFFFF;
border-style: solid;
border-width:1px 0 0 0;
}
#topbar li{
border-color: #FFFFFF;
border-style: solid;
float:left;
border-width: 0 1px 0 0;
margin:2px 0 1px 0;
}
#topbar li#begin{
margin-left: 5px ;
border-width:0 1px;
}
#topbar li#searchbox{
border:0px;
float:right;
padding-right:5px;
}
#topbar a{color:white; padding:5px 10px; text-decoration:none;}
#topbar a:hover, #active{background:orange;}
#topbar:after , #topmenu:after , #contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*	--------------------------------------------------------------------------------------
 	トップ画像部分
	--------------------------------------------------------------------------------------*/
#topimg{
height:250px;
border-color: #FFFFFF;
border-style: solid;
border-width:1px 0 0 0;
}
#topimg p#hidden{ /* 空div防止 */
visibility:hidden;
}

/*	-------------------------------------------------------------------------------------
 	トップメニュー部分
	-------------------------------------------------------------------------------------*/
#topmenu{
border-color: #FFFFFF;
border-style: solid;
border-width:1px 0;
list-style: none;
}
#topmenu li{
float: left;
padding:5px 5px 15px 5px;
color:#FFFFFF;
background-color:#333333;
width:256px;
font-size:88%;
border-style:solid;
border-width:0 1px 0 0;
border-color:#FFFFFF;
line-height:120%;
}
#topmenu li#end{
border-width:0;
}
#topmenu h2{
font-size:180%;
margin-top:0;
margin-bottom:25px;
padding:5px 0 6px 33px;
background: url(../img/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
}
#topmenu li a{
font-weight: bold;
color:white;
}

/* 	---------------------------------------------------------------------------------------
 	本文（トップ）
	--------------------------------------------------------------------------------------*/
#contents{
background-color:#FFFFFF;
list-style: none;
}
#contents li{
float:left;
padding:10px;
}
#contents h2{
font-size:160%;
margin:20px 0;
background-color: #EEEEEE;
border-style:solid;
border-color: #333333;
border-width: 0 0 1px 1px;
}
#contents li#welcome{
width:546px;
margin:0 1px 0 0;
border:#000000 solid;
border-width:1px 1px 0 0;
padding-bottom:50px;
}
#contents li#inner{
width: 212px;
border:#000000 solid;
border-width:1px 0 0 0;
}

/*	-----------------------------------------------------------------------------------
 	本文（テキスト）
	-----------------------------------------------------------------------------------*/
#texts{
background-color:#FFFFFF;
}
#texts h1{
font-size: 200%;
color:#222222;
border:solid #000000;
border-width: 0 0 1px 0;
margin:0 15px 5px 15px;
padding-top:0;
}
#texts p{
padding:5px 15px;
}
#texts h2{
font-size:150%;
margin:15px;
background-color: #EEEEEE;
border-style:solid;
border-color: #333333;
border-width: 0 0 1px 1px;
}
#texts h3{
margin:15px 0;
padding-left:15px;
}
#texts ul , #texts ol{
margin-left:40px;
width: 750px;
}
#texts ul{
list-style:square inside;
}
#texts table , #texts tr , #texts td , #texts th{
margin-left:30px;
border: 1px solid #555555;
border-collapse: collapse;
}
#texts td{
padding:1px 5px;
}
#texts p.block{
padding: 10px 0 10px 60px;
font-weight: bold;
}
#texts pre{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"MS Gothic",monospace;
margin:20px;
padding:5px;
background-color: #F9F9F9;
border:dashed 1px #000000;
}
#texts div#info{
line-height:150%;
width:700px;
background-color:#F8F8F8;
margin: 5px 20px;
padding: 5px 10px;
border-style: solid;
border-color: #999999;
border-width: 1px 1px 1px 10px;
border-left-color: orange;
}
#texts div#iten{
font-size:120%;
line-height:150%;
width:700px;
background-color:#F8F8F8;
margin: 0 20px;
padding: 5px 10px;
border-style: solid;
border-color: #999999;
border-width: 1px 1px 1px 10px;
border-left-color: #F00;
}
#texts div#iten a{
font-size:150%;
font-weight: bold;
}
#texts span.rb{
color:#FF0000; font-weight:bold;
}

/*	--------------------------------------------------------------------------------------
	パンくずリスト
	-------------------------------------------------------------------------------------*/
#topicpath{
font-size:88%;
}

/*	--------------------------------------------------------------------------------------
	アップデート
	-------------------------------------------------------------------------------------*/
#updated{
font-size:80%;
margin-top: 30px;
}

/*	--------------------------------------------------------------------------------------
	ジャンプ
	-------------------------------------------------------------------------------------*/
#jump{
margin-top:40px;
}


/*	--------------------------------------------------------------------------------------
	このページの先頭へ戻る
	------------------------------------------------------------------------------------*/
#texts p#pagetop{
padding-top: 10px;
margin:0;
font-size: small;
text-align:right;
}

/*	--------------------------------------------------------------------------------------
 	フッター部分
	------------------------------------------------------------------------------------*/
#footer{
color:#FFFFFF;
background-color: #333333;
font-family: arial;
font-size: 80%;
border:#000000 solid;
border-width:1px 0 0 0;
}
#footer p{
padding: 5px;
}
#footer img{
margin:0 0 5px 0;
}
#footer img#leftside{
margin:0 0 5px 5px;
}

/*	------------------------------------------------------------------------------------
	広告部分
	----------------------------------------------------------------------------------*/
div.tdftdiv a{
color:#454545;
}