@charset "UTF-8";

/* --------------------------------
Total Design
-----------------------------------*/
html {  
	background: #f5f5f5;
}  
body {
	margin:0;
	width:100%;
	font-size: 62.5%;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
	line-height: 200%;
	background-image: url(../common/images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #efefef;
	}

* { margin: 0; padding: 0; }
img {
	border: 0;
	vertical-align:bottom;
	}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	}

#wrapper {
	width: 960px;
	margin:0 auto 0 auto;
	padding: 0;
	}

/* --------------------------------
Head Design
-----------------------------------*/
#header {
	width: 960px;
	height: 94px;
	margin: 0;
	padding:0px 0px 0px 0px;
	}
#title {
	margin-left: 0px;
	padding-top: 5px;
	float: left;
	}
#head {
	padding: 5px 0px 10px 0px;
	float: right;
	}
#headmenu {
	margin: 0px;
	padding: 0px;
	}
#headmenu ul {
	margin: 0px;
	}
#headmenu li {
	list-style-type:none;
	padding-left: 10px;
	margin-left: 10px;
	background: url("../common/images/header/headmenu_home.gif") 0px center no-repeat;
	float: right;
	}

#headmenu a { color: #828282;
	text-decoration: none;
	}
#headmenu a:hover { color: #aaaaaa;
	text-decoration: none;
	}
#headmenu img{
	vertical-align: middle;
	margin: 0px 5px 0px 15px;"
	}
#head h1 {
	float: right;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	}

#cse-search-box {
	float: right;
	padding: 0px;
	margin: 15px 15px 0px 0px;
}

#cse-search-box .sitesearch {
	padding: 0px;
	margin: 0px;
	position: relative;
}
#q	{
	position: absolute;
	top: 0;
	_top: 1px;
	right: 30px;
	width: 182px;
	height: 15px;
	background: #f5f5f5;
	border-width: 1px 0px 1px 1px ;
	border-color: #cccccc;
	border-style: solid;
	padding: 4px;
}
#sa	{
	position: absolute;
	top: 0;
	_top: 1px;
	right: 0px;
}
*:first-child + html #sa	{
	top: 1px;
}

/* --------------------------------
Contents
-----------------------------------*/
#contentsBox {
	width: 960px;
	margin:0;
	padding: 0;
	border-right: solid 1px #c8c8c8;
	border-left: solid 1px #e5e5e5;
	}

/* --------------------------------
NaviMenu Design
-----------------------------------*/
#navimenu {
	clear: both;
	width: 962px;
	height: 28px;
	margin: 0;
	}
#navimenu ul {
	margin-left: -1px;
	}
#navimenu li {
	list-style-type:none;
	width: 192px;
	height: 28px;
	float: left;
	}
#navimenu li a{ display:block; width: 192px; height:28px; }
#navimenu li a:hover { background-color:transparent; }
#navimenu li a:hover img{ visibility:hidden; }

li#nmSpt { background: url(../common/images/navi/navimenu_spttop_on.gif); width: 193px; }
li#nmManual { background: url(../common/images/navi/navimenu_manual_on.gif); }
li#nmTrouble { background: url(../common/images/navi/navimenu_trouble_on.gif); }
li#nmFaq { background: url(../common/images/navi/navimenu_faq_on.gif); }
li#nmForm { background: url(../common/images/navi/navimenu_form_on.gif); width: 193px; }

/* --------------------------------
Title Design
-----------------------------------*/

#ttl h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-size: 2.0em;
	font-weight: bold;
	color:#000000;
	letter-spacing:-.05em;
	position:relative;
	width:960px;
}
#ttl h2 span{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:960px;
	display:block;
	background:url(../common/images/h/gradient.png) repeat-x;
}
* html #ttl h2 span{
	background-color:#ffffff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/images/h/gradient.png", sizingMethod="scale");
}
#ttl {
	clear: both;
	width: 960px;
	height: auto;
	margin: 0;
	padding: 10px 0px 5px 0px;
	background-color: #ffffff;
	line-height: 1.5;
	border-bottom: solid 3px #3D6E13;
	}
/*---------------------------------crumbs*/

#crumbs {
	width: 960px;
	height: 25px;
	background:url(../common/images/crumbs/bg_crumbs.jpg) repeat-x;
	font-size: 1.2em;
	margin: 0;
}

#crumbs ul {
	margin: 0px;
}

#crumbs li {
	float: left;
	line-height:2.1em;
	padding-left:.75em;
	color:#777;
	list-style: none;
}

#crumbs li a {
	display:block;
	padding:0 15px 0 0;
	background:url(../common/images/crumbs/bg_crumbs_arrow.jpg) no-repeat right 1px;
}

#crumbs li a:link, #crumbs li a:visited {
	text-decoration:none;
	color:#777;
}
#crumbs li a:hover, #crumbs li a:focus {
	color:#3D6E13;
}

#subttl {
	width: 960px;
	margin: 0;
	padding: 0px;
	background-color: #f3f3f3;
	border-width: 1px 0px 1px 0px;
	border-color: #ccc;
	border-style: solid;
	}

#subttl p{
	padding: 5px 5px 5px 10px;
	color: #464646;
	font-size:1.2em;
	line-height:1.5;
}

#subttl a { color: #1e7dad;
	text-decoration: none;
}
#subttl a:hover { color: #7cc4e7;
	text-decoration: none;
}


/* --------------------------------
Footer Design
-----------------------------------*/

#footer {
	clear: both;
	width: 100%;
	background-color: #f5f5f5;
	border-top: solid 1px #E0E0E0;
	background-image: url(../common/images/footer/bg.png);
	background-repeat:repeat-x;
	}

#footer p {
	color: #aaaaaa;
	padding: 0px;
	font-size: 1.2em;
	}
#footer p a {color: #aaaaaa;
	text-decoration: none;
}
#footer p a:hover { color: #828282;
	text-decoration: none;
}
.navi {
	width: 960px;
	margin:10px auto 0 auto;
	border-width: 0px;
	border-color: #c8c8c8;
	border-style: solid;
}
.logo{
	margin: 0px 0px 5px 5px;
	padding: 3px;
	height:80px;
	float: right;
	}
.co_logo{
	margin: 0px 0px 5px 5px;
	padding: 3px;
	float: right;
	}
.copyright{
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color: #aaaaaa;
	text-align: left;
	border-width: 1px 0px 0px 0px;
	border-color: #c8c8c8;
	border-style: solid;
	}
.copyright img{
	vertical-align: -5px;
	}
.copyright a {
	color: #aaaaaa;
	text-decoration: none;
}
.copyright a:hover {
	color: #828282;
	text-decoration: none;
}