@charset "utf-8";
/* CSS Document */

/*/////////////////////////////////////////////////////////////
SETTING
/////////////////////////////////////////////////////////////*/

html,body{
	height:100%;
	margin:0;
	padding:0;
}

body {
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
	background-image: url(../images/common/bg.jpg);
}
h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,input,object,embed {margin:0; padding:0;} 
a img {border:none;}
ul {list-style:none; margin:0; padding:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link {
	color: #3D64A5;
	text-decoration: none;
}
a:visited {
	color: #3D64A5;
	text-decoration: none;
}
a:hover {
	color: #0066FF;
	text-decoration: underline;
}

strong{
	color: #783F16;
	padding: 4px 3px 1px 0;
}
/*//////////////////////////////////////////////////////////////
WRAPPER
//////////////////////////////////////////////////////////////*/

#wrapper{
	width: 800px;
	margin: 0 auto -135px auto;
	min-height:100%;
	_height:100%;
	position: relative;
	padding: 0 15px;
	background-image: url(../images/common/wrapper.png);
	background-repeat: repeat-y;
}

/*/////////////////////////////////////////////////////////////
HEADER
//////////////////////////////////////////////////////////////*/

/*-------variation-------------*/

#header{
	height: 168px;
	background-image: url(../images/common/header.jpg);
}

#head-logo{
	width: 170px;
	height: 96px;
	padding: 40px 0 0 17px;
	float: left;
}

#head-title{
	width: 420px;
	height: 38px;
	float: left;
	padding: 60px 0 0 0;
	background-image: url(../images/common/header-title.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#head-title h2 span{
	position:absolute;
	text-indent:-9999px;
}
#head-title-j{
	width: 420px;
	height: 38px;
	float: left;
	background-image: url(../images/common/header-title-j.png);
	background-repeat: no-repeat;
}
#head-title-j h1 span{
	position:absolute;
	text-indent:-9999px;
}
#head-icon{
	width: 90px;
	height: 102px;
	position: absolute;
	right: 40px;
	top: 66px;
}
/* header-nav */

#header-nav {
	width: 342px;
	/*-width: 200px;-*/
	height: 32px;
	background: url(../images/common/header-menu.gif) no-repeat;
	position: absolute;
	right: 17px;
	top: 19px;
}
#header-nav span{
position:absolute;
text-indent:-9999px;
}

#header-nav	li {
	list-style-type: none;
	float: left;
}
#header-nav ul{
	margin: 0;
	padding: 0;
}
#header-nav	li	a {
	display: block;
	height: 32px;
	text-indent: -9999px;
	outline:none;/* FFはみ出した点線対策 */
}

/*--*/
#header-nav-saiyou a {
	background: url(../images/common/header-menu.gif) no-repeat;
	width:72px;
}
#header-nav-saiyou a:hover {
	background: url(../images/common/header-menu-on.gif) no-repeat;
	width:72px;
}
#header-nav-saiyou-c a {
	background: url(../images/common/header-menu-on.gif) no-repeat;
	width:72px;
}
#header-nav-gaiyou a {
	background: url(../images/common/header-menu.gif) no-repeat -72px 0;
	width:67px;
}
#header-nav-gaiyou a:hover {
	background: url(../images/common/header-menu-on.gif) no-repeat -72px 0;
	width:67px;
}
#header-nav-gaiyou-c a {
	background: url(../images/common/header-menu-on.gif) no-repeat -72px 0;
	width:67px;
}
#header-nav-privacy a {
	background: url(../images/common/header-menu.gif) no-repeat -139px 0;
	width:124px;
}
#header-nav-privacy a:hover {
	background: url(../images/common/header-menu-on.gif) no-repeat -139px 0;
	width:124px;
}
#header-nav-privacy-c a {
	background: url(../images/common/header-menu-on.gif) no-repeat -139px 0;
	width:124px;
}
#header-nav-sitemap a {
	background: url(../images/common/header-menu.gif) no-repeat -263px 0;
	width:79px;
}
#header-nav-sitemap a:hover {
	background: url(../images/common/header-menu-on.gif) no-repeat -263px 0;
	width:79px;
}
#header-nav-sitemap-c a {
	background: url(../images/common/header-menu-on.gif) no-repeat -263px 0;
	width:79px;
}


/*/////////////////////////////////////////////////////////////
G-MENU
//////////////////////////////////////////////////////////////*/

#gmenu{
	width: 800px;
	height: 43px;
	background-image: url(../images/common/gmenu.jpg);
}
#gmenu li{
	float: left;
	}
#gmenu li a {
	display: block;
	height: 43px;
	text-indent: -9999px;
	outline:none;/* FFはみ出した点線対策 */
}

#g-nav-1 a {
	background: url(../images/common/gmenu.jpg) no-repeat;
	width:95px;
}
#g-nav-1 a:hover,#g-nav-1av a,#g-nav-1av a:hover{
	background: url(../images/common/gmenu-on.jpg) no-repeat;
	width:95px;
}
#g-nav-2 a {
	background: url(../images/common/gmenu.jpg) no-repeat -95px 0;
	width:135px;
}
#g-nav-2 a:hover,#g-nav-2av a,#g-nav-2av a:hover{
	background: url(../images/common/gmenu-on.jpg) no-repeat -95px 0;
	width:135px;
}
#g-nav-3 a {
	background: url(../images/common/gmenu.jpg) no-repeat -230px 0;
	width:183px;
}
#g-nav-3 a:hover,#g-nav-3av a,#g-nav-3av a:hover{
	background: url(../images/common/gmenu-on.jpg) no-repeat -230px 0;
	width:183px;
}
#g-nav-4 a {
	background: url(../images/common/gmenu.jpg) no-repeat -413px 0;
	width:163px;
}
#g-nav-4 a:hover,#g-nav-4av a,#g-nav-4av a:hover{
	background: url(../images/common/gmenu-on.jpg) no-repeat -413px 0;
	width:163px;
}
#g-nav-5 a {
	background: url(../images/common/gmenu.jpg) no-repeat -576px 0;
	width:94px;
}
#g-nav-5 a:hover,#g-nav-5av a,#g-nav-5av a:hover{
	background: url(../images/common/gmenu-on.jpg) no-repeat -576px 0;
	width:94px;
}#g-nav-6 a {
	background: url(../images/common/gmenu.jpg) no-repeat -671px 0;
	width:130px;
}
#g-nav-6 a:hover,#g-nav-6av a,#g-nav-6av a:hover{
	background: url(../images/common/gmenu-on.jpg) no-repeat -671px 0;
	width:130px;
}
/*/////////////////////////////////////////////////////////////
2nd menu
//////////////////////////////////////////////////////////////*/

#sec-menu{
	height: 354px;
	width: 214px;
	background-image:url(../images/category/category-bg.jpg);
	background-repeat:no-repeat;
}
#sec-menu li{
	list-style:none;
	float: left;
	}
#sec-menu ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#sec-menu li a {
	display: block;
	text-indent: -9999px;
	outline:none;/* FFはみ出した点線対策 */
}
#s-nav-1 a {
	background: url(../images/category/category1.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-1 a:hover , #s-nav-1av a {
	background: url(../images/category/category-on1.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-2 a {
	background: url(../images/category/category2.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-2 a:hover , #s-nav-2av a {
	background: url(../images/category/category-on2.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-3 a {
	background: url(../images/category/category3.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-3 a:hover , #s-nav-3av a {
	background: url(../images/category/category-on3.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-4 a {
	background: url(../images/category/category4.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-4 a:hover , #s-nav-4av a {
	background: url(../images/category/category-on4.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-5 a {
	background: url(../images/category/category5.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-5 a:hover , #s-nav-5av a {
	background: url(../images/category/category-on5.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-6 a {
	background: url(../images/category/category6.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-6 a:hover , #s-nav-6av a {
	background: url(../images/category/category-on6.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-7 a {
	background: url(../images/category/category7.jpg) no-repeat;
	width:214px; height: 50px;
}
#s-nav-7 a:hover , #s-nav-7av a {
	background: url(../images/category/category-on7.jpg) no-repeat;
	width:214px; height: 50px;
}

/*/////////////////////////////////////////////////////////////
2nd menu（Service）
//////////////////////////////////////////////////////////////*/

#sec-menu2{
	height: 204px;
	width: 214px;
	background-image:url(../images/service/service-bg.jpg);
	background-repeat:no-repeat;
}
#sec-menu2 li{
	list-style:none;
	float: left;
	}
#sec-menu2 ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#sec-menu2 li a {
	display: block;
	text-indent: -9999px;
	outline:none;/* FFはみ出した点線対策 */
}
#sv-nav-1 a {
	background: url(../images/service/servise1.jpg) no-repeat;
	width:214px; height: 50px;
}
#sv-nav-1 a:hover , #sv-nav-1av a {
	background: url(../images/service/service-on1.jpg) no-repeat;
	width:214px; height: 50px;
}
#sv-nav-2 a {
	background: url(../images/service/service2.jpg) no-repeat;
	width:214px; height: 50px;
}
#sv-nav-2 a:hover , #sv-nav-2av a {
	background: url(../images/service/service-on2.jpg) no-repeat;
	width:214px; height: 50px;
}
#sv-nav-3 a {
	background: url(../images/service/service3.jpg) no-repeat;
	width:214px; height: 50px;
}
#sv-nav-3 a:hover , #sv-nav-3av a {
	background: url(../images/service/service-on3.jpg) no-repeat;
	width:214px; height: 50px;
}
#sv-nav-4 a {
	background: url(../images/service/service4.jpg) no-repeat;
	width:214px;
	height: 54px;
}
#sv-nav-4 a:hover , #sv-nav-4av a {
	background: url(../images/service/service-on4.jpg) no-repeat;
	width:214px;
	height: 54px;
}

/*/////////////////////////////////////////////////////////////
CONTENTS
//////////////////////////////////////////////////////////////*/
.background-s{
	background-image: url(../images/common/s-bg.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}
.coutiontxt{ color: #CC0000; }
.caution{
	padding: 8px;
	margin: 2px 2px 8px 2px;
	color: #CC0000;
	border: #CC0000 1px dotted;
}
.makers {
	line-height:inherit;
	display: block;
	margin-bottom: 7px;
	margin-left: 5px;
}
.makers img{ padding-right: 6px; }
.data{
	width: 260px;
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
}
.fig img{
	float: left;
	margin: 0 10px 1px 0;
	border: 1px solid #ffffff;
}
.data-txt{
	font-size: 12px;
	padding: 8px;
	background-image: url(../images/common/text-bg.gif);
	color: #505050;
}
.data-txt-but{
	float: right;
	margin-top: 8px;
}
#contents{
	padding: 0 12px 140px 12px;
	margin-top: 10px;
}

#cont{ margin-bottom: 25px; }
#cont-left{
	width: 214px;
	float: left;
	padding: 0 0 10px 0;
	margin-bottom: 25px;
}
#cont-right{
	float: right;
	width: 541px;
	margin-bottom: 25px;
}
.textbox{ margin: 0 15px 15px; }


/*/////////////////////////////////////////////////////////////
TOPPAGE
//////////////////////////////////////////////////////////////*/

#twitter{
	float: right;
	width: 541px;
	background-image: url(../images/top/twitter.gif);
	height: 201px;
	margin: 15px 0 25px 0;
}
#main-img{
	height: 260px;
	background-color: #000000;
	margin-bottom: 15px;
}

/*/////////////////////////////////////////////////////////////
NEWS
//////////////////////////////////////////////////////////////*/

.newslist{
	width: 60px;
	height: 24px;
	float: right;
	background-image: url(../images/top/news-list.gif);
	margin-top: 15px;
	margin-right: 3px;
}
.newslist a{
	height:24px;
	display:block;
	text-indent: -9999px;
}
.newslist a:hover{
background-image:url(../images/top/news-list.gif);
background-position:0 -24px;
}

#news-head{
	background-image: url(../images/top/news.gif);
	height: 65px;
	background-repeat: no-repeat;
}
#news-head span{ 
display: none; 
}

#news-case{}
.news-date{
	width: 70px;
	float: left;
	padding-left: 5px;
}
.news-txt{
	float: left;
	width: 460px;
}
.clear-line{
	clear: both;
	padding-bottom: 20px;
	background-image: url(../images/common/brownline.gif);
	height: 5px;
	background-repeat: no-repeat;
	background-position: center;
}
.news-date2{
	width: 70px;
	float: left;
	padding-left: 5px;
}
.news-txt2{
	float: left;
	width: 670px;
}
.clear-line2{
	clear: both;
	padding-bottom: 8px;
	background-image: url(../images/common/news-underline2.gif);
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
}
.news-date3{
	width: 70px;
	float: left;
	color: #2789B4;
	margin-left: 10px;
	padding: 3px 0 8px 0;
}
/*-----写真左------*/
.news-txt-left{
	width: 740px;
	margin-bottom: 10px;
	float: left;
	padding-left: 5px;
}
.news-txt-left img{
	padding: 0 5px 5px 0;
	float: left;
}
.news-txt-right{
	width: 740px;
	margin-bottom: 10px;
	float: left;
	padding-left: 5px;
}
.news-txt-right img{
	padding: 0 0 5px 5px;
	float: right;
}
.news-title{
	color: #2789B4;
	font-weight: bold;
	font-size: 14px;
	float: left;
	padding-bottom: 10px;
}

/*/////////////////////////////////////////////////////////////
SITE MAP
//////////////////////////////////////////////////////////////*/

.indentA{
	text-indent: 15px;
	background-image: url(../images/common/arrow.gif);
	background-repeat: no-repeat;
}
.indentB{
	text-indent: 20px;
	background-image: url(../images/common/keisen1.gif);
	background-repeat: no-repeat;
}
.indentC{
	text-indent: 20px;
	background-image: url(../images/common/keisen2.gif);
	background-repeat: no-repeat;
}
.blankpage{}

.underline a{
	background-image: url(../images/common/brownline.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
/*/////////////////////////////////////////////////////////////
SUBMENU HEAD
//////////////////////////////////////////////////////////////*/
#category-head{
	background-image: url(../images/h/category-head.gif);
	height: 58px;
}
#category-head span{
display: none; 
}
#service-head{
	background-image: url(../images/h/service-head.gif);
	height: 58px;
}
#service-head span{
display: none; 
}

/*/////////////////////////////////////////////////////////////
H3
//////////////////////////////////////////////////////////////*/

.page-head{
	height: 65px;
}
.page-head h3 span{ 
display: none; 
}
.h-cate
{ background: url(../images/h/h-cate.gif) no-repeat; }
.h-maker
{ background: url(../images/h/h-maker.gif) no-repeat; }
.h-staff
{ background: url(../images/h/h-staff.gif) no-repeat; }
.h-category
{ background: url(../images/h/h-category.gif) no-repeat; }
.h-category1
{ background: url(../images/h/h-category1.gif) no-repeat; }
.h-category2
{ background: url(../images/h/h-category2.gif) no-repeat; }
.h-category3
{ background: url(../images/h/h-category3.gif) no-repeat; }
.h-category4
{ background: url(../images/h/h-category4.gif) no-repeat; }
.h-category5
{ background: url(../images/h/h-category5.gif) no-repeat; }
.h-category6
{ background: url(../images/h/h-category6.gif) no-repeat; }
.h-category7
{ background: url(../images/h/h-category7.gif) no-repeat; }
.h-shop
{ background: url(../images/h/h-shop.gif) no-repeat; }
.h-map
{ background: url(../images/h/h-map.gif) no-repeat; }
.h-rec
{ background: url(../images/h/h-rec.gif) no-repeat; }
.h-privacy
{ background: url(../images/h/h-privacy.gif) no-repeat; }
.h-about
{ background: url(../images/h/h-about.gif) no-repeat; }
.h-sitemap
{ background: url(../images/h/h-sitemap.gif) no-repeat; }
.h-inq
{ background: url(../images/h/h-inq.gif) no-repeat; }
.h-newslist
{ background: url(../images/h/h-newslist.gif) no-repeat; }
.h-newsdetail
{ background: url(../images/h/h-newsdetail.gif) no-repeat; }
.h-support
{ background: url(../images/h/h-support.gif) no-repeat; }
.h-services
{ background: url(../images/h/h-services.gif) no-repeat; }
.h-services1
{ background: url(../images/h/h-services1.gif) no-repeat; }
.h-services2
{ background: url(../images/h/h-services2.gif) no-repeat; }
.h-services3
{ background: url(../images/h/h-services3.gif) no-repeat; }
.h-services4
{ background: url(../images/h/h-services4.gif) no-repeat; }

/*/////////////////////////////////////////////////////////////
TRACE NAVI
//////////////////////////////////////////////////////////////*/

#tracenavi{
	padding: 5px 0 5px 27px;
	height: 15px;
	background-color:#f4f4f4;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/common/home.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
}


/*/////////////////////////////////////////////////////////////
BANNER
//////////////////////////////////////////////////////////////*/
#banner{}
#bannerA{ margin-bottom: 5px; }
#bannerA img{ margin-bottom:5px;}
#bannerB{
	background-color: #006699;
	padding-top: 10px;
	padding-left: 4px;
}
#bannerB img{ margin-bottom:5px;}

/*//////////////////////////////////////////////////////////////
TABLE FORM
//////////////////////////////////////////////////////////////*/

.formtable{
	border-top: #e9e9e9 1px solid;
	border-right: #ffffff 2px solid;

}
.formtable td{
	padding: 10px;
	border-bottom: #e9e9e9 1px solid;
	border-right: #e9e9e9 1px solid;

}
.formtable td input{
	border:#B8D8EB 1px solid;
	height: 20px;

}
.formtable td textarea{
	border:#B8D8EB 1px solid;

}

.datatable{
	border-top: #e9e9e9 1px solid;
	border-right: #ffffff 2px solid;
	margin-top: 5px;

}
.datatable td{
	padding: 5px;
	border-bottom: #e9e9e9 1px solid;
	border-right: #e9e9e9 1px solid;

}

/*/////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////*/

#footer{
	height:135px;
	bottom: 0;
	width: 800px;
	background-image: url(../images/common/footer.jpg);
	position: absolute;
	background-repeat: no-repeat;
}

#copy{
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 12px 0 0;
	font-size: 12px;
	text-align: right;
	float: right;
	color: #FFFFFF;
}
#foot-banner{
	float: right;
	height: 50px;
	padding: 21px 12px 0 0;
	text-align: right;
	line-height: 0;
}
#foot-banner img{
	vertical-align: middle;
	padding-left: 4px;
}


/*/////////////////////////////////////////////////////////////
UTILLITY
//////////////////////////////////////////////////////////////*/

#topup{
	position: absolute;
	width: 850px;
	left: -7px;
	background-image: url(../images/common/topup.png);
	height: 15px;
}
#footbot{
	position: absolute;
	width: 850px;
	left: -12px;
	bot: 0;
	background-image: url(../images/common/footbot.png);
	height: 15px;
	bottom: 0px;
}
.clear{
	clear: both;
	line-height: 0;
}
.pad-rgt{
padding:0 15px 10px 0;
float:left;
}
.pad-lft{
padding:0 0 10px 15px;
float:right;
}

.caption{
	font-size: 10px;
	color: #666666;
}


/*-------clear fix-------------*/

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf {
	display: inline-block;
	min-height: 1%;
	overflow:hidden;
}
/* Hides from IE-mac \*/

* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
/* End hide from IE-mac */

/*/////////////////////////////////////////////////////////////
FC-IE!!!!!!!!!!!!!!!!!!!!!!!!
//////////////////////////////////////////////////////////////*/