﻿@charset "utf-8";
/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-----------------------------
  General layout
-----------------------------*/
*{ margin:0;padding:0; }

body
{
	color: #3B2E24;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size:13px;
	line-height: 1.5em;
	background:#E4C863;
	background-image:url(img/bg.jpg);
	/*background:#F8F8EE;*/
}

#container{
	position:relative;
	width:910px;
	margin:0 auto;
}

#container_inner{
	position:relative;
	width:910px;	
}

#wrapper{
	position:relative;
	background: #fff;
	padding:10px;
	height:100%;
}

.leftbox{
	float:left;
}

.rightbox{
	float:right;
}

.clearing{
	height:0;
	clear:both;
	}

h1,h2,h3,h4,h5,h6{font-size:100%; margin:0; padding:0;}	

a img{	border:none; }

a.img{ line-height:100%; padding:0; margin:0;}
a:hover img{
   filter: alpha( opacity=70 );  /*IE*/
    opacity:0.7;                 /* Firefox,Opera,Safari*/
    -moz-opacity:0.7;           /* 旧Firefox	*/
}

h2{
	background:url(img/border_x.png) bottom left no-repeat;
	margin-bottom:30px;
	_margin-bottom:15px;
}

ul{ list-style:none;}

ul li{
	padding:0 20px 10px 15px;
	background:url(/img/side_arrow.png) left center no-repeat;
}
/*-----------------------------
header  
-----------------------------*/
#header{
	position:relative;
	width:870px;
	height:120px;
	padding:10px;
	margin:0;
	background:url(img/bg_header.gif) top left no-repeat;
	overflow:hidden;
}
#logo{
	width:270px;
	height:120px;
	float:left;
	text-indent:-9999px;
	}
	
#logo a{
	width:270px;
	height:120px;
	display:block;
}
	
#mainmenu{
	width:600px;
	float:right;
	padding-top:65px;
	height:55px;
}

.mainmenu_item{
	float:left;
	padding-left:10px;
	height:55px;
	text-indent:-9999px;}

.mainmenu_item a{
	width:140px;
	height:55px;
	display:block;
}

#mainmenu1 a{
	background:url(img/mainmenu.gif) 0 0 no-repeat;
}

#mainmenu1 a:hover{
	background-position:0 -55px;
}

#mainmenu2 a{
	background:url(img/mainmenu.gif) -140px 0 no-repeat;
}

#mainmenu2 a:hover{
	background-position:-140px -55px;
}

#mainmenu3 a{
	background:url(img/mainmenu.gif) -280px 0 no-repeat;
}

#mainmenu3 a:hover{
	background-position:-280px -55px;
}

#mainmenu4 a{
	background:url(img/mainmenu.gif) -420px 0 no-repeat;
}

#mainmenu4 a:hover{
	background-position:-420px -55px;
}

ul#header_menu{
	float:right;
	padding-bottom:30px;
	list-style:none;
}

ul#header_menu li{
	float:left;
	height:20px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:0;
	background:url(img/header_arrow.png) left center no-repeat;
}
/*-----------------------------
content  
-----------------------------*/
div#content{
	clear:both;
	width:850px;
	margin:0 auto;
	padding-bottom:30px;
}

h2.top{ 
	padding-bottom:20px;
	background-image:none;
	margin:0;
}

h2.item{
	background:url(img/bg_h2.png) top left no-repeat;
	padding-bottom:20px;
	padding-left:40px;
	margin:0;
}

h3.item{
	padding-bottom:20px;
	padding-left:40px;
}
div#top_left{ 
	background:url(img/border_y.png) top right repeat-y;
	padding-right:30px;
	padding-bottom:30px;
}

div#two_of3_top{
	width:580px;
	background:url(img/border_y.png) top right repeat-y;
}				

div#two_of3{
	width:540px;
	background:url(img/border_y.png) top right repeat-y;
	padding-right:20px;
}				

div#two_of3_top div.leftbox, div#three_column div.leftbox{
	padding-right:20px;
	padding-bottom:20px;
}

div#three_column div.rightbox{
	margin-bottom:20px;
}

div#one_of3_top{
	width:250px;
}

img.banner{
	padding-bottom:10px;
}

div.imgleft{
	float:left;
}
div.contentdata{
	padding:30px 0 0 0; 
	height:100%;
	clear:both;
	overflow:hidden;
}

div#two_column{
	background:url(img/border_x.png) bottom left repeat-x;
}

div#two_column div.leftbox{
	width:395px;
}

div#four_column div.leftbox{
	width:180px;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #999;
	height:66px;
	font-size:80%;
}

div.thumb{
	float:left;
	margin-right:10px;
}

div.caption{
	border:1px solid #E3D7A3;
	padding:10px;
	background:#FFFACD;
	font-size:80%;
}
div#shasinten div.contentbody, div#index_top div.contentmore{
	text-align:center;	
}

div#shasinten div.contentmore, div#index_top div.contentbody, div#topics div.contentbody, div#topics div.contentmore{
	padding-left:40px;
	padding-right:30px;
}

div#shasinten div.contentbody img{
	border:1px solid #DEDECE;
	padding:10px;
	margin-bottom:30px;
}

/*-----------------------------
サイドバー  
-----------------------------*/
div#sidebar{
	padding:0 20px;
}

div.side_content{
	width:230px;
	padding:10px 0;
}

h3.img{
	padding:0;
	margin:0;
}

/*-----------------------------
フッター  
-----------------------------*/
div#footer{
	padding-top:30px;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.form_h{
	float:left;
	width:150px;
}
.form_d{
	float:left;
}
.form_r{
	clear:both;
}