@charset "utf-8";
/*
Theme Name: HERMES
Theme URL: http://www.hermes777.co.jp/
Description: Basic Theme for WordPresss.
Author: HERMES
*/

/*--------------------------------------------------
*(c)Hermes
*Compatiblity:
* full:IE6,7;Firefox 2.0;Safari 3.1; 
* not-usable:IE 5,5.5;Konqueror;Opera;
-------------------------------------------------- */

@import "css/default.css";
@import "css/basic.css";
@import "css/header.css";
@import "css/globalnavi.css";
@import "css/main.css";
@import "css/sitemap.css";
@import "css/sidebar.css";
@import "css/sub.css";
@import "css/form.css";
@import "css/footer.css";
@import "css/print.css";
@import "css/content.css";
/* hide from Mac IE \*/
@import "css/win_ie6.css";
/* */ 

/**************************************************************/
/*body-container-全体
/**************************************************************/
body {
	background-image: url(images/main/back02.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	background-color: #FFFFFF;
}
#container {
	background-image: url(images/main/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}

/**************************************************************/
/*header-ヘッダー
/**************************************************************/
#header {
	margin-right: auto;
	margin-left: auto;
	width: 914px;
	height: 60px;
}

/**************************************************************/
/*flash-フラッシュ,トップイメージ
/**************************************************************/
#flash {
	width: 914px;
	height: 349px;
	margin: 6px auto 0;
	padding: 6px 0 0;
	clear: both;
}
#flash02 {
	width: 914px;
	height: 249px;
	margin: 6px auto 0;
	padding: 6px 0 0;
	clear: both;
}
#main_header_img {
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
/**************************************************************/
/*pan-パンくず
/**************************************************************/
#pan {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 5px;
}

/**************************************************************/
/*content-センター
/**************************************************************/
/*----------------------------------------------*/
/*content*/
#content {
	width: 914px;
	margin: 0 auto;
	padding: 1px 0 30px;
}
#content:after {/*for modern browser*/
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden;  
} 
#content {/*for IE 5.5-7*/
	zoom: 1;
} 
* html #content {/* for IE */
	/*\*/height:1%;/* for WinIE*/
	display: inline-table;/* for MacIE*/
}

#content_top {
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	padding-top: 30px;
}
#content_top:after {/*for modern browser*/
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden;  
} 
#content_top {/*for IE 5.5-7*/
	zoom: 1;
} 
* html #content_top {/* for IE */
	/*\*/height:1%;/* for WinIE*/
	display: inline-table;/* for MacIE*/
}

/**************************************************************/
/*main-メイン
/**************************************************************/
#main_top {
	float: right;
	width: 456px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;

}
#main {
	float: right;
	width: 711px;
	background: url(./images/main/bg_main_bottom.png) center bottom no-repeat;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
#main_blog {
	float: left;
	width: 474px;
	padding-left: 13px;
}

#sidebar_top {
	float: left;
	width: 450px;
	padding: 0px;
}
#sidebar {
	float: left;
	width: 200px;
	height: 100%;
	background: url(./images/main/bg_sidenavi_bottom.png) center bottom no-repeat;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 11px;
	padding-left: 0;
}
#sidebar_blog {
	float: left;
	width: 204px;
	padding-left: 2px;
	height: 100%;
}

#sub {
	float: right;
	width: 204px;
	padding-right: 2px;
}

/**************************************************************/
/*content_pan-メイン下パンくず
/**************************************************************/
#content_pan {
	clear: both;
	border: 2px solid #CCCCCC;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	height: 140px;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#content_pan strong {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 14px;
	display: block;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
}

#content_pan ol {
	font-size: 10px;
	padding-left: 40px;
}
#content_pan li {
	width: 190px;
	float: left;
	margin-right: 10px;
	padding-left: 6px;
	background-image: url(images/icon/icon19.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
#content_pan li a {
}

#content_pan ol ol {
	padding-left: 0px;
	margin-left: 0px;
}
#content_pan li li {
	padding-left: 0px;
	margin-left: 0px;
	background-image: none;
}
#content_pan li li a {
	background-image: url(images/icon/icon19s.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 6px;
}

/**************************************************************/
/*footer-フッター
/**************************************************************/
#footer {
	background-image: url(images/main/footer_back.jpg);
	background-repeat: repeat-x;
	clear: both;
	background-position: center top;
}

/**************************************************************/
/*to top-ページトップ
/**************************************************************/
div#backToTop {
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 1;
	right: 0.5%;
	top: 70%;
} 
div#backToTop  a {
	display: block;
	text-decoration: none;
	height: 27px;
	width: 78px;
}

