/***********  トップページ設定  ***********/
@import url("top.css");

/****  ブログ設定  ****/
@import url("blog.css");

body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	line-height: 1.4em;
	background: #f9f2d3 url('../images/parts/bg.gif');
	font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3";
}

a{ color: #c00; }
a: visited{ color: #600; }
a:hover{
	text-decoration: none;
}

h1 { font-size: 12px; margin: 0; padding: 0; text-indent: -9999px; }
h2 { font-size: 20px; margin: 0; padding: 0; }
h3 { font-size: 16px; margin: 0; padding: 0 0 10px 0; }

img { border: 0; }

/****************************************/
/*            基本レイアウト            */
/****************************************/

#base{
	width: 910px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/parts/base_bg.gif') 0 0 repeat-y;
}

#logo{
	float: left;
	width: 133px;
	height: 55px;
	margin: 0;
	text-align: left;
}

#head{
	width: 910px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	white-space: nowrap;
	background: url('../images/parts/head_base.gif') 0 0 no-repeat;
}

#head h1 {
	position: relative;
	left: 25px;
	font-size: 12px;
	margin: 0;
	text-indent: -9999px;
}
#head h1 a {
	position: relative;
	display: block;
	padding: 0;
	width: 133px;
	height: 55px;
	text-indent: -9999px;
	left: 0;
	background: none;
	outline-style: none;
}

/****************************************/
/*              ヘッダナビ              */
/****************************************/
#headnavi {
	float: left;
	width: 720px;
	height: 40px;
	margin: 6px 0 0 25px;
	padding: 0;
	background: url(../images/parts/head_navi.jpg) no-repeat;
}
#headnavi ul { margin: 0; padding: 0; height: 40px; }
#headnavi li{ display: inline; }
#headnavi  span { display: none; }
#headnavi li a{
	display: block;
	float:left;
	height: 40px;
	background: url(../images/parts/head_navi.jpg) no-repeat;
}

#headnavi li#navi01 a { width: 180px; background-position: 0px 0px; }
#headnavi li#navi02 a { width: 179px; background-position: -180px 0px; }
#headnavi li#navi03 a { width: 179px; background-position: -359px 0px; }
#headnavi li#navi04 a { width: 180px; background-position: -538px 0px; }

#headnavi li#navi01 em a,
#headnavi li#navi01 a:hover { background-position: 0px -40px; }
#headnavi li#navi02 em a,
#headnavi li#navi02 a:hover { background-position: -180px -40px; }
#headnavi li#navi03 em a,
#headnavi li#navi03 a:hover { background-position: -359px -40px; }
#headnavi li#navi04 em a,
#headnavi li#navi04 a:hover { background-position: -538px -40px; }

/****************************************/
/*              メイン領域              */
/****************************************/
#main{
	claer: both;
	width: 860px;
	margin: 0 25px;
	padding: 0 0 30px 0;
	text-align: left;
	background: #f5f5f5 url("../images/parts/container_bg.gif") 0 100% repeat-x;
}

#contents_ttl {
	width: 860px;
	height: 70px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #151515 url("../images/parts/contents_ttl_bg.gif") 0 0 no-repeat;
}

#contents_ttl h2{
	margin: 0;
	float: left;
	padding: 18px 35px 10px 35px;
	font-size: 20px;
	font-family: Arial, Helvetica;
	font-weight: normal;
}

#page_path {
	float: right;
	display: inline;
	margin: 18px 30px;
	padding: 0;
	font-size: 12px;
	text-align: right;
	font-family: Arial, Helvetica;
	font-weight: bold;
}
#page_path a{ color: #fff; }

#container{
	width: 800px;
	margin: 60px 30px 0 30px;
	padding: 0;
	text-align: left;
}

.content {
	margin: 10px 15px 20px 15px;
}

/****************************************/
/*              フッタ設定              */
/****************************************/
#foot{
	clear: both;
	width: 910px;
	height: 25px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	color: #fff;
	text-align: left;
	background: #f9f2d3 url("../images/parts/foot_bg.gif") 0 0 no-repeat;
}

#copyright {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#copyright p{
	margin: 0;
	padding: 0;
}

#copyright a {
	padding: 0;
	color: #fff;
	text-decoration: none;
}
#copyright a:hover {
	padding: 0;
	color: #fff;
	text-decoration: underline;
}

/****************************************/
/*               基本設定               */
/****************************************/
table{
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
th { font-size: 12px; border: 0; line-height: 1.5em; text-align: left; }
td { font-size: 12px; border: 0; line-height: 1.5em; }

p{
	margin: 10px 0;
	line-height: 1.4em;
}

.x-large { font-size: 16px }
.large { font-size: 14px }
.medium { font-size: 12px }
.small { font-size: 10px; }
.x-small { font-size: 8px; }

.bold { font-weight: bold; }

.arial { font-family: Arial, Helvetica; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.f-left { float: left; display: inline; margin: 0 15px 0 0; }
.f-right { float: right; display: inline; margin: 0 0 0 15px; }
.clear { clear: both; height: 1px; }
