@charset "utf-8";

@import "reset.css";/*リセット用CSSインクルード*/
@import "blog.css";/*blog用CSSインクルード*/

html { height: 100%; }
body {
	color: #666666;
	background-color:#FFFFFF;
}

h1{}
h2{}
h3{}

input,textarea {color: #303030;}

a:link{color:#8D0000; text-decoration:underline;}
a:visited{color:#8D0000; text-decoration:underline;}
a:active{color:#8D0000;}
a:hover{color:#8D0000; text-decoration:underline;}

/* Wall
========================================== */
div#wall{
	height: 100%;
	min-height: 100%;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align:left;
	background: url("../co_img/bg.jpg") repeat-x 0 0;
}

/* Container
========================================== */
div#container {
	width:772px;
	margin:0px auto 0px auto;
	background: url("../co_img/container_bg.jpg") repeat-y 0 0;
}

/* Header
========================================== */
div#header{
	background: url("../co_img/header.jpg") no-repeat 0 0;
	height:75px;
}

	div#header h1{
		width:270px;
		height:75px;
		float:left;
	}

	div#header div#header_lead{
		width:353px;
		height:40px;
		float:left;
		color:#333333;
		font-weight:bold;
		font-size: 12px;
		padding:35px 5px 0px 30px;
	}

	div#header div#header_lang{
		width:94px;
		height:69px;
		float:left;
		color:#333333;
		font-weight:bold;
		font-size: 12px;
		padding:6px 0px 0px 20px;
		background: url("../co_img/lang_bg.jpg") no-repeat 0 0;
	}

/* Main Wall
========================================== */
div#main_wall{
	width:772px;
	background: url("../co_img/main_bg.jpg") no-repeat 0 0;
}

	div#main_wall .main_image{
		padding:12px 11px 0px 11px;
	}

/* Main
========================================== */
div#main{
	width:546px;
	margin:-19px 0px 0px 0px;
	float:right;
}

	/* Top Contents
	---------------------------------------- */
	div#main div#top_contents{
		margin:0px 0px 30px 5px;
	}

		div#main div#top_contents .language{
			color:#8D0000;
			font-weight:bold;
			text-align:center;
		}

		div#main div#top_contents .left_column{
			width:170px;
			margin:10px 0px 0px 0px;
			float:left;
		}

		div#main div#top_contents .center_column{
			width:170px;
			margin:10px 0px 0px 10px;
			float:left;
		}

		div#main div#top_contents .right_column{
			width:170px;
			margin:10px 0px 0px 10px;
			float:left;
		}

	/* Entries
	---------------------------------------- */
	div#main div#entries{
		margin:20px 0px 0px 5px;
	}

		div#main div#entries h2{
			text-indent: -5000px;
			width:530px;
			height:44px;
			background: url("../co_img/blog_entry.jpg") no-repeat 0 0;
			float:left;
		}

		div#main div#entries h2 div#more a:link{
			text-indent: 0px;
			text-decoration:none;
			float: right;
			display: block;
			margin:-4px 0px 0px 0px;
			padding:0px 10px 0px 10px;
			color:#333333;
			font-weight:bold;
			background: url("../co_img/icon_and_more.gif") no-repeat 0 5px;
		}

		div#main div#entries h2 div#more a:visited{
			text-indent: 0px;
			text-decoration:none;
			float: right;
			display: block;
			margin:-4px 0px 0px 0px;
			padding:0px 10px 0px 10px;
			color:#333333;
			font-weight:bold;
			background: url("../co_img/icon_and_more.gif") no-repeat 0 5px;
		}

		div#main div#entries h2 div#more a:hover{
			text-indent: 0px;
			text-decoration:underline;
			float: right;
			display: block;
			margin:-4px 0px 0px 0px;
			padding:0px 10px 0px 10px;
			color:#8D0000;
			font-weight:bold;
			background: url("../co_img/icon_and_more.gif") no-repeat 0 5px;
		}

		div#main div#entries div#top_contents{
			margin:0px;
		}

		div#main div#entries div#top_contents .left_column{
			width:220px;
			margin:10px 0px 0px 0px;
			float:left;
		}

		div#main div#entries div#top_contents .right_column{
			width:300px;
			margin:10px 0px 0px 0px;
			float:left;
		}

			div#main div#entries div#top_contents .right_column dl{
				width:290px;
				margin:0px 0px 0px 5px;
			}

				div#main div#entries div#top_contents .right_column dl dt{
					margin:0px 0px 3px 0px;
					color:#8D0000;
				}

				div#main div#entries div#top_contents .right_column dl dd{
					margin:0px 0px 5px 0px;
				}

/* Menu
========================================== */
div#menu{
	width:210px;
	float:left;
	padding:15px 0px 0px 16px;
}

	div#menu ul#localnavi {
		list-style-type: none;
		width: 200px;
		padding: 0px;
	}

	div#menu ul#localnavi li {
		width: 200px;
		margin:0px 0px 0px 0px;
	}

	div#menu ul#localnavi li a {
		text-indent: -5000px;
		display: block;
		height: 40px;
		width: 200px;
		overflow: hidden;
		background: url("../co_img/menu.jpg") no-repeat;
	}

	div#menu ul#localnavi li#menu01 a {
		background-position: 0px 0px;
	}
	div#menu ul#localnavi li#menu02 a {
		background-position: 0px -39px;
	}
	div#menu ul#localnavi li#menu03 a {
		background-position: 0px -78px;
	}
	div#menu ul#localnavi li#menu04 a {
		background-position: 0px -117px;
	}
	div#menu ul#localnavi li#menu05 a {
		background-position: 0px -156px;
	}
	div#menu ul#localnavi li#menu06 a {
		background-position: 0px -195px;
	}
	div#menu ul#localnavi li#menu07 a {
		background-position: 0px -234px;
	}

	div#menu ul#localnavi li#menu01 a:hover {
		background-position: -200px 0px;
	}
	div#menu ul#localnavi li#menu02 a:hover {
		background-position: -200px -39px;
	}
	div#menu ul#localnavi li#menu03 a:hover {
		background-position: -200px -78px;
	}
	div#menu ul#localnavi li#menu04 a:hover {
		background-position: -200px -117px;
	}
	div#menu ul#localnavi li#menu05 a:hover {
		background-position: -200px -156px;
	}
	div#menu ul#localnavi li#menu06 a:hover {
		background-position: -200px -195px;
	}
	div#menu ul#localnavi li#menu07 a:hover {
		background-position: -200px -234px;
	}

	div#menu ul#localnavi li ul {
		width: 190px;
		padding:10px 5px 5px 5px;
		background-color: #E0EDF1;
		overflow: hidden;
	}
	
	div#menu ul#localnavi li li {
		margin: 6px 0;
		padding-left: 28px;
		background: url("../co_img/icon_arrow.gif") no-repeat 6% 50%;
		font-size: 92%;
		line-height: 117%;
	}
	
	div#menu ul#localnavi li li a {
		display: inline; /* Reset */
		height: auto; /* Reset */
		background: none; /* Reset */
		text-indent: 0; /* Reset */
		overflow: auto; /* Reset */
	}

	/* Profile
	---------------------------------------- */
	div#menu .profile{
		width:196px;
		margin:10px 0px 10px 0px;
		font-size:12px;
		background:#FFFFFF;
		border:1px #999999 solid;
		padding:1px 1px 6px 1px;
	}

	div#menu .profile .profile_section{
		width:178px;
		padding:10px 9px 5px 9px;
	}

		div#menu .profile .profile_section .left_column{
			width:70px;
			margin:0px 0px 10px 0px;
			float:left;
		}

		div#menu .profile .profile_section .right_column{
			width:98px;
			padding:15px 0px 0px 10px;
			float:left;
			color:#8D0000;
		}

		div#menu .profile .profile_section .right_column .prof{
			font-weight:bold;
		}

		div#menu .profile .profile_section dl dt{
			margin:5px 0px 2px 0px;
			color:#8D0000;
			font-weight:bold;
		}

		div#menu .profile .profile_section .ex_prof{
			padding:10px 0px 0px 0px;
		}

	/* Lang_change
	---------------------------------------- */
	div#menu .lang_change{
		width:196px;
		margin:0px 0px 20px 0px;
		font-size:12px;
		padding:1px 1px 6px 1px;
	}

/* Footer
========================================== */
div#footer a:link{color:#666666; text-decoration:underline;}
div#footer a:visited{color:#666666; text-decoration:underline;}
div#footer a:active{color:#666666;}
div#footer a:hover{color:#666666; text-decoration:underline;}

div#footer{
	height:35px;
	padding:30px 0px 0px 170px;
	background: url("../co_img/footer.jpg") no-repeat 0 0;
	font:12px "ＭＳ 明朝", Geneva, serif;
}