@charset "UTF-8";

/*-----------------------
coded by sure at 2010-05-21
-------------------------*/

/*-----------------------*/
/* 1.BASE&RESET */
/* 2.COMMON */
/* 3.LAYOUT */
/* 4. */
/*-----------------------*/


/* 1.BASE&RESET
====================================================================================================== */
*{
	margin: 0px;
	padding: 0px;}

body {
	line-height:1.5;
	font-family: Helvetica, arial, "Lucida Grande", "Lucida Sans Unicode", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	background:url(../images/bg.gif) repeat-x;}

h1,h2,h3 {
	line-height:1.0;
	margin:0;
	}


a{outline:none;}
a:link,a:visited{text-decoration:none; color:#3366cc;}
a:active,a:hover{text-decoration:underline; color:#d80519;}

img{
	border:none;
	vertical-align:bottom;}		

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	td,th{
		border:none;
		}
	
ul li{list-style:none;}		



/* br clear
---------------------------*/
br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear {
	clear: both;}
.clear-l {
	clear: left;}

/* clearfix
---------------------------*/
.clearfix:after{
	content: "."; 
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0;
	font-size:0.1em;
	visibility: hidden;}
.clearfix{
	display:block;
	height:1%;}


/* 2.COMMON
====================================================================================================== */

.bold{font-weight:bold!important;}

.margin0 {margin:0; !important}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mb-0 {margin-bottom:0; !important}
.mb5{margin-bottom:5px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}

.ptb20{padding:20px 0 !important;}
.pt5 {padding-top:5px !important;}
.pt-10 {padding-top:10px; !important}
.pt-7 {padding-top:7px; !important}
.pb0 {padding-bottom:0 !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pl5 {padding-left:5px !important;}
.pl20 {padding-left:20px !important;}

.lh1 {
	line-height:1.0;}

.red {color:#D80519 !important;}
.brown {color:#a65300 !important;}
.campain-color { color:#0066FF !important; }
.gaiji {margin-bottom:2px;}

.f-l{
float:left;}
.f-r{
float:right;}

.text-center{
text-align:center;}
.text-right{
text-align:right;}
/* 3.LAYOUT／全ページ共通
====================================================================================================== */
#wrapper{
	width:960px;
	margin:0 auto;}

#header{
	width:960px;
	background:url(../images/head-bg.gif) no-repeat;
	position:relative;}
	
.logo {
	padding:15px 0 0 11px;
	margin:0;
	display:block;
	width:345px;
	position:relative;}

.btn-eng {
	position:absolute; top:0; left:701px;}

.sizechange {
	position:absolute; top:55px; left:517px;
	height:26px;}
	
	.sizechange li {
		margin-right:5px;
		float:left;}
		.fsize {
			margin-right:3px !important;}
	
.inquiry {
	position:absolute; top:63px; left:708px;}
	
ul.menu {
	position:relative;
	width:960px;
	padding-top:21px;
	margin:0;}
	
	.menu li {
		float:left;
		display:inline;
		padding:0;
		margin:0;}

#contents{
	width:960px;
	position:relative;}


#container {
	margin:0;
	position:relative;}

.navi {
	margin:12px 0;
	line-height:1.4;}

.pagetop {
	text-align:right;
	line-height:1.0 !important;
	padding-top:16px;
	padding-right:5px;}
	.pagetop img{
		margin-right:6px;
		margin-bottom:1px;}


#footer-base{
	width:100%;
	background:#EEE;
	position:relative;
	margin-top:50px;
	clear:both;
	}

.foot-mt {
	margin-top:50px;}

#footer{
	width:960px;
	position:relative;
	margin:0 auto;
	padding:9px 0;
	line-height:1.1 !important;}

#footer ul{
	display:block;
	}

#footer ul li{
	padding:0 25px 0 0;
	float:left;
	}
#footer ul li img{
	margin-right:6px;
	margin-bottom:2px;
	}
.copy {
	float:right;
	display:inline;
	}




/* 4.
====================================================================================================== */