@charset "Shift_JIS";

/*ブラウザスタイルの初期化*/

*{
	font-family: "ＭＳ Ｐゴシック";
	line-height: 1.4;
	font-size: 12px;
	color: #666666;
	margin: 0;
	padding: 0;
}

html{
	overflow-y:scroll;
}

/*文書本体*/

body{
	background-color: #FFFFFF;
	background-image: url(../images2/wall.gif);
}
    

/*画像*/

img{
	border: 0;
}


#base {
	width:810px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

/*ヘッダー*/
.header{
	width: 810px;
	height: 140px;
	background-image: url(../images2/header_img.gif);
	background-repeat:no-repeat;
	margin-left : auto ; margin-right : auto ;
}

.header_logo {
	margin: 30px 0 0 20px;
	float: left;
}

.header_link {
	margin: 40px 25px 0 0;
	float: right;
}

.header_link a {
	text-decoration:none;
}
.google_search {
	margin: 5px 0 0 0;
}

.google_search_box {
    width: 220px;
	height: 17px;
}

.menu_navigation {
	margin: 10px 0 0 20px;
	width: 768px;
	height: 33px;
	text-align:left;
	float: left;
}

ul#navigation li {
	height:33px;
	list-style-type: none;
	float:left;
}

ul#navigation li a{
	display:block;
	height:33px;
	text-decoration:none;
	text-indent:-1500px;
	background-repeat:repeat-x;
	outline:0;
	display:block;
}

li#menu01 a{background:url("../images2/menu_01_off.gif"); width: 153px;}
li#menu02 a{background:url("../images2/menu_02_off.gif"); width: 154px;}
li#menu03 a{background:url("../images2/menu_03_off.gif"); width: 154px;}
li#menu04 a{background:url("../images2/menu_04_off.gif"); width: 154px;}
li#menu05 a{background:url("../images2/menu_05_off.gif"); width: 153px;}

li#menu01 a:hover{background:url("../images2/menu_01_on.gif"); width: 153px;}
li#menu02 a:hover{background:url("../images2/menu_02_on.gif"); width: 154px;}
li#menu03 a:hover{background:url("../images2/menu_03_on.gif"); width: 154px;}
li#menu04 a:hover{background:url("../images2/menu_04_on.gif"); width: 154px;}
li#menu05 a:hover{background:url("../images2/menu_05_on.gif"); width: 153px;}

li#menu01on a{background:url("../images2/menu_01_on.gif"); width: 153px;}
li#menu02on a{background:url("../images2/menu_02_on.gif"); width: 154px;}
li#menu03on a{background:url("../images2/menu_03_on.gif"); width: 154px;}
li#menu04on a{background:url("../images2/menu_04_on.gif"); width: 154px;}
li#menu05on a{background:url("../images2/menu_05_on.gif"); width: 153px;}

/*ボトム*/
.bottom{
	width: 790px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(../images2/side_img.gif);
}

.bottom_link {
	width: 758px;
	margin: 0 auto;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 15px 0;
	text-align: center;
}

.bottom_link a {
	text-decoration:none;
	text-align: center;
}

.copyright {
	width: 758px;
	padding: 15px 0;
	margin: auto;
	text-align: center;
}

.bottom_bar {
	background-image: url(../images2/bottom_img.gif);
	text-align: center;
}


/*大枠ブロック*/
.component {
	width: 790px;
	margin: 0 auto;
	padding: 15px 10px 30px 10px;
	background-image: url(../images2/side_img.gif);
}

.contents {
	width: 725px;
	margin: auto;
}

/*左サイドブロック*/

.left_site {
	margin: 0 15px 0 10px;
	clear: both;
    width: 182px;
	float: left;
	background: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	overflow:auto;
}

div#loginarea {
    width: 174px;
	margin: 4px;
}

div#loginarea p {
    padding: 8px 0 0 0;
}

div#login img {
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

div#loginarea .btn {
    text-align: center;
}

div#loginarea .mini {
    text-align: center;
	color: #333333;
}

#loginarea .box {
    width: 125px;
	height: 16px;
	border: solid 1px #ccc;
}