﻿@charset "utf-8";

/*********** MAIN ****************/

body {
	background-color: #000;
	line-height: 1.6;
	font-size: 11px;
	margin: 0 0;
	font-size: 12px;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #888;
	width:100%; }


IMG { border:0px; }

img.round {padding: 0 0 0 15px; float: right; border:0;}


/*********** TEXT ****************/

h1,h2,h3,h4,p { margin: 0; font-size: 11px; -webkit-font-smoothing: antialiased;}

.small { font-size: 10px; }
.color { color: #93653f;}
.bold { font-size: 14px; font-weight: bold; color: #93653f;}
.power_bold { font-size: 20px; font-weight: bold; color: #93653f; }

.totop { padding: 10px 0 10px 0;
	text-align:right;
	width: 900px;
	border-bottom:dotted 1px #888888;
	clear:both;
	}
	
hr {
height: 1px;
border: none;
border-bottom:dotted 1px #888888;
padding: 10px 0 10px 0;
}

/*********** TEXT LINK *************/

a:link { color: #93653f; text-decoration: underline; }
a:visited { color: #93653f;	text-decoration: underline;}
a:hover { color: #93653f;	text-decoration: underline;}

/*********** OUTLINE *************/
  
#container {
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background-color:#000000;
}

/*********** HEADER *************/

#header {
	background-image: url(/img/main.jpg);
	border: 0px;
	width: 960px;
	height: 550px;
	margin: 0 auto;
}

/*********** TITLE *************/

#title { margin: 0 0 0 480px; padding-top: 30px; }

/*************** MENU ****************/

.topmenu{
	position: absolute;
	width: auto;
	padding-top: 28px;
	text-align: justify;
	font-size:25px;
	font-weight: bold;
}

/*********** TOP MENU TEXT LINK *************/
.topmenu a:link{
	color:#93653f;
    padding:0 5px 0px 5px;
    text-decoration:none;
}

.topmenu a:hover{
	background-color:#222;
	padding:0 5px 0px 5px;
	border-bottom:solid 1px #93653f;
}
.topmenu a:active{
    background-color:#555;
    padding:0 5px 0px 5px;
    border-bottom:solid 1px #93653f;
}

.topmenu a:visited { color: #93653f; }

/*********** SUB MENU TEXT LINK *************/

.submenu {
	width: 500px;
	border: 0px;
	margin: 0 0;
	text-align:left;
	padding: 6px 0 0 0;
	clear: both;
}

.submenu a{text-decoration:underline;
    padding:6px 5px;
    height:15px;}

.submenu a:hover{
    padding:5px 5px 3px 5px;
    border-bottom:solid 3px #93653f;
	background-color:#eeeeee}

.submenu{
	color:#000;
}
.submenu a:link{color:#ffffff;}
.submenu a:visited{color:#ffffff;}
.submenu a:hover{
	color:#F90;
}

/*********** BOTTOM MENU TEXT LINK *************/

.bottommenu {
	width: 960px;
	border: 0px;
	margin: 0 0;
	text-align:center;
	padding: 30px 0 0 0;
	clear: both;
}

.bottommenu a{text-decoration:underline;
    padding:6px 5px;
    height:15px;}

.bottommenu a:hover{
    padding:3px 5px 3px 5px;
    border-bottom:solid 3px #93653f;
}

.bottommenu a:link{color:#93653f;}
.bottommenu a:visited{color:#93653f;}
.bottommenu a:hover{color:#93653f;}


/*********** LEFT MAIN/RIGHT MAIN *************/

#right {
	float:left;
	width:760px;
	padding:0 0px 0 25px;
	margin: 0 0;
}

#left {
	float:left;
	width: 200px;
	padding:0 25px 0 30px;
	margin: 0 0;
}

/*********** RIGHT MENU TEXT LINK *************/

#right a{
	display:block;
	text-decoration:none;
	color:#888888;
	padding:0 5px;
	margin: 10px 0;
	height:15px;
}

#right a:link{
	display:block;
	text-decoration:none;
	color:#888888;
    padding:0 5px;
	margin: 10px 0;
    height:15px;}

#right a:hover{display:block;
    padding:0 5px;
	margin: 10px 0;
	color:#93653f;
    border-left:solid 3px #93653f;
    height:15px;}



/************** SUB PAGE CONTENTS ******************/
.border {
	width: 960px;
	height: 20px;
	border: 0px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-image: url(/img/border.jpg);
	background-repeat: no-repeat;
	text-align:left;
	text-indent: 40px;
	clear:both;
}


.box {
	width: 960px;
	height: auto;
	border: 0px;
	margin: 0 auto;
	background-color:#222;
	text-align: left;
}

.boxinbox {
	width: 900px;
	height: auto;
	border: 0px;
	margin: 20px auto 0 auto;
	padding-top:20px;
	text-align: left;
	clear:both;
}

.boxinbox_l {
	width: 760px;
	height: auto;
	border: 0px;
	margin-top: 25px;
	color: #888888;
	text-size: 80%;
	text-align: left;
}

.boxinbox_r {
	width: 200px;
	height: auto;
	border: 0px;
	margin-top: 25px;
	color: #888888;
	text-size: 80%;
	text-align: left;
}

/*********** FOOTER *************/

#footer {
	width: 960px;
	height: 50px;
	margin: 30px 0 0 0;
	clear:both;
	font-size: 9px;
	color:#93653f;
}

/************** OTHERS *******************/

html .mybuggyelement { height: 1%; }

.clear {clear: both;}

.hidden { visibility: hidden; display: none; }
.visible { visibility: visible; display: normal; }

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