@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/category.css";
/* hide from Mac IE \*/
@import "css/win_ie6.css";
/* */ 

/*Total*/
body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	background-color: #FFFFFF;
}
#container_top {
	z-index: 1;

}

#container {
	z-index: 1;
}
/*----------------------------------------------*/
/*header*/
#header {
	height: 71px;
	width: 100%;
	overflow: hidden;
	background-image: url(img/header_back.png);
	background-repeat: repeat-x;
}
/*----------------------------------------------*/
/*flash*/
#flash {
	width: 900px;
	z-index: 0;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#topflash_back {
	z-index: -100;
	top: 0;
	width: 100%;
	height: 495px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}
/*----------------------------------------------*/
/*pankuzu*/
#pan {
	font-size: 11px;
	color: #999999;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	height: 42px;
}

/*----------------------------------------------*/
/*content*/
#content {
	width: 874px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#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: 868px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/content_back02.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	padding-top: 10px;
	padding-right: 36px;
	padding-left: 40px;
}
/*#content_top {
	width: 868px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/content_back02.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 14px;
}*/
#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*/
}
/*----------------------------------------------*/
/*main2カラム*/
#main_top {
	float: right;
	width: 628px;
}
#main {
	float: right;
	width: 628px;
}
#main_blog {
	float: left;
	width: 474px;
	padding-left: 13px;
}
#sidebar {
	float: left;
	width: 224px;
	height: 100%;
	padding-left: 0px;
}
#sidebar_blog {
	float: left;
	width: 204px;
	padding-left: 2px;
	height: 100%;
}
#sub {
	float: right;
	width: 204px;
	padding-right: 2px;
}

/*----------------------------------------------*/
/*footer*/
#footer {
	background-image: url(main/footer_back.png);
	background-repeat: repeat-x;
	clear: both;
	height: 64px;
	margin-bottom: 5px;
}

/*----------------------------------------------*/
/*toTop*/
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: 37px;
	width: 114px;
}

/**************************************************************/
/*an-デザイン案
/**************************************************************/
#an {
	background-image: url(01back.jpg);
	background-repeat: repeat-x;
}
#an img {
	display: block;
	width: 972px;
	margin-right: auto;
	margin-left: auto;
}
#an02 {
	background-image: url(02back.jpg);
	background-repeat: repeat-x;
}
#an02 img {
	display: block;
	width: 953px;
	margin-right: auto;
	margin-left: auto;
}