@charset "utf-8";

/* mozilla.org Base Styles
 * maintained by fantasai
 * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
 */
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_img.gif) repeat;
	color: #555555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 63%;
	text-align: center;
}
a {
	color:#000000;
	text-decoration:none;	
}
a:hover {
	color:#666666;
	text-decoration:none;	
	
}
hr {
	clear: both;
	visibility: hidden;
}

.clearfix:after {
	content:""; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* =========================================================================== */
/* header                                                                      */
/* =========================================================================== */

div#headerWrapper{
	width:100%;
	margin:0 0 30px 0;
	padding:0;
	background-image:url(../images/bg_header.gif);
	background-repeat: repeat-x;
	background-position:left top;
}

div#header{
	width:900px;
	margin:0 auto;
	padding:0;
	overflow:hidden; 
}

p#logo{
	float:left;
	margin:30px 18px 30px 0;
}

p#cath{
	float:left;
	margin:37px 0 0 0;
}

div#headnavi {
	float:right;
	width: 361px;
	_width: 375px;
	margin:17px 0 0 0;
	overflow:hidden;
}

div#headnavi li{
	float:left;
	margin:0 0 0 13px;
	line-height:0;
}




/* =========================================================================== */
/* globalnavi                                                                  */
/* =========================================================================== */

ul#globalnavi{
	float:right;
	margin:14px 0;
}

ul#globalnavi li{
	margin:0 0 0 5px;
}

ul#globalnavi li a{
	display:block;
}


/* --- roll over -------------------- */

ul#globalnavi li.bt1 a:hover{
	background:url(../images/head_bt1_on.gif) center no-repeat;
}

ul#globalnavi li.bt2 a:hover{
	background:url(../images/head_bt2_on.gif) center no-repeat;
}

ul#globalnavi li.bt3 a:hover{
	background:url(../images/head_bt3_on.gif) center no-repeat;
}

ul#globalnavi a:hover img{
	visibility:hidden;
}


/* --- active page / body="ID" ------ */

/*  obsessiveness */
#obsessiveness li.bt1 a{
	background:url(../images/head_bt1_on.gif) center no-repeat;
}

/*  menu */
#menu li.bt2 a{
	background:url(../images/head_bt2_on.gif) center no-repeat;
}

/*  shop */
#shop li.bt3 a{
	background:url(../images/head_bt3_on.gif) center no-repeat;
}


/*  画像打ち消し */
#obsessiveness li.bt1 a img,
#menu li.bt2 a img,
#shop li.bt3 a img{
	visibility:hidden;
}



/* =========================================================================== */
/*  topicpath                                                                  */
/* =========================================================================== */

ul#topicpath{
	clear:both;
	height:31px;
	background-image:url(../images/bg_topicpath.gif);
	background-repeat:no-repeat;
	background-position: left top;
	font-size:1.2em;
}

ul#topicpath li{
	float:left;
	margin:0 0 0 7px;
	padding:10px 0 10px 18px;
	color:#FFFFFF;
	background-image:url(../images/topicpath_line.gif);
	background-repeat:no-repeat;
	background-position: left top;
}


ul#topicpath li.path{
	padding:10px 0 10px 10px;
	background:none;
}

ul#topicpath a {
	color:#FFFFFF;
	text-decoration:none;	
}

ul#topicpath a:hover {
	color:#CCCCCC;
	text-decoration:none;	
	
}

/* =================================================== */
/*  safari only                                        */
/* =================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {

ul#topicpath li{
	padding:7px 0 7px 18px;
}
ul#topicpath li.path{
	padding:7px 0 7px 10px;
	background:none;
}
}


/* =========================================================================== */
/* container                                                                   */
/* =========================================================================== */

div#container {
	clear:both;
	width: 900px;
	margin:0 auto;
	overflow:hidden;	
}


/* =========================================================================== */
/* contents                                                                    */
/* =========================================================================== */

div#contents {
	float:right;
	font-size: 1.4em;
	text-align:left;
}

div#contents p{
	line-height:2.0em;
	text-align: justify;
	text-justify: auto;
}


div#contents th,
div#contents td{
	font-size: 0.9em;
}



/* =========================================================================== */
/* sidebar                                                                     */
/* =========================================================================== */

div#sidebar {
	float:left;
	width: 210px;
	margin-bottom:40px;
	padding-right:20px;
	border-right:#D3D3D2 1px solid;
	text-align:left;
}

div#sidebar h3{
	_width:210px;
	padding:20px 0 13px 0;
	border-bottom:#D3D3D2 1px solid;
	background-image:url(../images/side_top.gif);
	background-repeat:no-repeat;
	background-position: left top;
}


/* --- sidenabvi  ---------------- */

div#sidebar ul#sidenavi{
	width: 210px;
	margin-bottom:25px;
	overflow:hidden;
}

div#sidebar ul#sidenavi li a{
	_width:210px;
	padding:13px 0;
	border-bottom:#D3D3D2 1px solid;
	display:block;
}


div#sidebar ul#sidenavi li a:hover{
	background-image:url(../images/bg_side_list.gif);
	background-repeat:repeat;
	background-position: left top;
}

div#sidebar li.current{
	background-image:url(../images/bg_side_list.gif);
	background-repeat:repeat;
	background-position: left top;
}


/* --- banner  ---------------- */

div#sidebar ul#banner li{
	margin:0 0 10px 0;
	line-height:0;
}

div#sidebar ul#banner li.top{
	margin:0 0 5px 0;
}

div#sidebar ul#banner li.sepalater{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#D3D3D2 1px solid;
}


div#sidebar ul#banner li.last{
	margin:0;
}



/* =========================================================================== */
/* pagetop                                                                     */
/* =========================================================================== */

p#pagetop {
	clear:both;
	width:905px;
	margin:0 auto;
	text-align:right;
	vertical-align:bottom;
}


/* =========================================================================== */
/* footer                                                                      */
/* =========================================================================== */
div#footer {
	width: 100%;
	margin: 0 auto;
	padding:25px 0 33px 0;
	background-image:url(../images/foot_bg_img.gif);
	background-repeat: repeat-x;
	background-position: left center;
	text-align:center;
	line-height:0;
}
div#footer a {
	padding: 2px;
	color: #FFFFFF;
	text-decoration:none;
}

div#footer a:hover {
	color: #CCCCCC;
	text-decoration:none;
}


div#footer ul{
	width:600px;
	_width:900px;
	margin:0 auto;
	padding-left:300px;
	text-align:left;
	font-size: 1.0em;
}

div#footer li{
	float:left;
	margin:0 0 10px 0 ;
	padding:0;
	line-height:1em;
	width:150px;
}

div#footer p#symbol{
	position:relative;
	clear:both;
	width:900px;
	margin:0 auto;
	text-align:left;
	line-height:0;
}
div#footer p#symbol img {
	position:absolute;
	top:-70px;
	top:-60px\9;
}

div#footer p#copyright {
	position:relative;
	clear:both;
	width:900px;
	margin:20px auto 0 auto;
	text-align:left;
	line-height:0;
}
div#footer p#copyright img {
	position:absolute;
}