@charset "utf-8";

/*  ----------------------------------------------------------------
 Main Style
 
 	/Font-size List/
	9px = 75%		10px = 83%		11px = 91%		12px = 100%
	13px = 108%		14px = 116%		15px = 125%		16px = 133%
	17px = 141%		18px = 150%		19px = 158%		20px = 166%
	21px = 175%		22px = 183%		23px = 191%		24px = 200%
	25px = 208%		26px = 216%		27px = 225%		28px = 233%
	
 ------------------------------------------------------------------- */
 
body {
	margin:0;padding:0;
	position: relative;
	background-color:#fff;
}
	
body *{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 130%;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

.center {
	text-align : center;
}

ul li{
	margin:0px;
	padding:0px;
	}

a img {
	border : 0;
	text-decoration : none;
}

a:hover img {
	filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

nav a:hover img {
	filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}

#wrap{
	width:100%;
	text-align:center;
	background-color:#fff;
}




	
header {
	border-top:4px solid #eb5505;
	background : url(./images/header_bg.jpg) repeat-x 0 bottom;
}

header .headContents {
	width : 900px;
	margin : 0 auto;
	position : relative;
	height : 87px;
}

header .headContents h1{ 
	height: 9px;
    left: 0;
    position: absolute;
    top: -10000px;
}

header .headContents h2{
	color:#999;
	font-size:70%;
	position:absolute;
	top:-7px;
	left:50px;
}
header .headContents .logo{
	position : absolute;
	top : 25px;
	left:52px;
}


header .headContents nav {
	position : absolute;
	top : 22px;
	left : 320px;
}

header .headContents nav li {
	list-style : none;
	float : left;
	color : #4c4948;
	font-size : 13px;
}

header .headContents nav li:nth-child(1) {
	width : 116px;
	overflow : hidden;
}

header .headContents nav li:nth-child(2) {
	width : 116px;
	overflow : hidden;
}

header .headContents nav li:nth-child(3) {
	width : 116px;
	overflow : hidden;
}

header .headContents nav li:nth-child(4) {
	width : 116px;
	overflow : hidden;
}

header .headContents nav li a {
	padding : 5px 0px 16px;
	display : block;
	background : url(./images/gnav_bullet_off.jpg) no-repeat;
}

header .headContents nav li a.on ,header .headContents nav li a:hover {
	text-decoration : none;
	background : url(./images/gnav_bullet_on.jpg) no-repeat;
}

header .headContents nav li span {
	display : block;
	color : #eb5505;
	font-family: 'Trajan Pro', sans-serif;
	font-size:80%;
	font-weight:100;
	padding : 3px;
}

section#ContentsSlider{
	width:100%;
	background-color:#f8f8f8;
	padding: 13px 0 0px;
}


section#MainContents{
	width:100%;
	background-color:#fff;
	text-align:left;
}

section#MainContents .case{
	margin: 0 auto;
	width:868px;
}

section#MainContents .case ul{}
	
section#MainContents .case li{
	margin-bottom:20px;
	list-style : none;
	float : left;
	padding: 10px 0 0px;
}

section#MainContents .case li:nth-child(1) {
}

section#MainContents .case li:nth-child(2) {
	padding-left:10px;
}

section#MainContents .case li:nth-child(3) {
	padding-left:10px;
}

section#MainContents .case li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

section#MainContents .bigformbnr a:hover img{
	opacity:0.80;
	filter: alpha(opacity=95);
}
section#MainContents .bigformbnr a img{
	padding:20px;
}
section#MainContents .bigformbnr{
	margin: 0 auto;
	width:796px;
	height:102px;
	clear:both;
	background : url(./images/bnr_bigform.jpg)left  no-repeat;
	text-align:right;
	margin-bottom:20px;
}
  
section#MainContents .news{
	margin: 0 auto;
	width:840px;
}
section#MainContents h3{
	padding-left:20px;
}

section#MainContents .news ul{
	list-style-type:none;
}

section#MainContents .news li{
	line-height:150%;
	font-size:80%;
	background:url(images/arrow.jpg) left 2px no-repeat;
	padding:0 0 5px 22px;
	border-bottom:1px dashed #CCCCCC;/*下線*/
	margin-bottom:10px; /*下マージン*/
}

footer{
	width:100%;
	background-color : #eb5505;
}

footer .foot{
	margin:0 auto;
	font-size:80%;
	color:#fff;
	padding:20px;
}

footer .foot a,
footer .foot a:visited,
footer .foot a:hover{
	color:#fff;
}

footer .foot h3{
		color:#fff;
		font-size:90%;
}

footer .copy{
	font-size:70%;	
	color:#fff;
	text-align:center;
	padding-bottom:5px;
}