@charset "utf-8";

/******************************************************************/
/**********************       common     **************************/
/******************************************************************/

body{
	margin:0;
	padding:0;
	background:url("../common/bg.gif");
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.6em;
	color:#333;
	position:relative;
	-webkit-text-size-adjust:100%;
}

img{
	-ms-interpolation-mode: bicubic;
	vertical-align: text-bottom;
	border:none;
}

strong{
	font-weight:normal;
}

caption{
	text-align:left;
	font-weight:bold;
	margin:0 0 5px 0;
}
/******************************************************************/
/**********************       header     **************************/
/******************************************************************/

#header{
	width:100%;
	height:60px;
	margin:0 0 30px 0;
	padding:0;
	background:#2e2e2e;
	overflow:hidden;
	border-bottom:1px solid #999;
	position:absolute;
	top:-60px;
	-webkit-box-shadow: #111 2px 0 4px;
	-moz-box-shadow: #111 2px 0 4px;
	box-shadow: #111 2px 0 4px;
	behavior: url("/PIE.htc");
}

#header div{
	width:850px;
	margin:0 auto;
}

h1{
	width:205px;
	height:60px;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:7px;
	font-weight:normal;
	color:#777;
	float:left;
	text-align:center;
	line-height:60px;
}

#header #navi{
	width:600px;
	height:60px;
	padding:0 0 0 45px;
	float:right;
}

/******************************************************************/
/*********************       contents     *************************/
/******************************************************************/

#wrap{
	width:850px;
	margin:0 auto 0 auto;
	padding:90px 0 0 0;
}

#left{
	width:209px;
	margin:0;
	padding:0;
	float:left;
}

#right{
	width:625px;
	margin:0;
	padding:0 0 0 16px;
	float:right;
}

#logo{
	width:204px;
	height:298px;
	border:2px solid #fff;
	text-align: center; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #666 1px 1px 2px;
	-moz-box-shadow: #666 1px 1px 2px;
	box-shadow: #666 1px 1px 2px;
	background: #f1f1f1 url(../common/logo_gra-trans.png) center 175px no-repeat;
	behavior: url("/PIE.htc");
}

#plus{
	text-align:right;
	padding:0 10px 0 0;
}

#left h3,h4 {
	width:199px;
	min-height:34px;
	display:block;
	padding:0 0 0 5px;
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	line-height:34px;
	border:2px solid #fff;
	background:url(../common/h3bg.gif);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #666 1px 1px 2px;
	-moz-box-shadow: #666 1px 1px 2px;
	box-shadow: #666 1px 1px 2px;
	behavior: url("/PIE.htc");
}

#left h3 a,h4 a{
	padding:0 0 0 12px;
	color:#FFF;
	text-decoration:none;
	background:url(../common/arrow-trans.png) left center no-repeat;
}

#left h5{
	font-size:11px;
	margin:0 0 0.5em 0;
}

#gsl{
	width:189px;
	min-height:79px;
	display:block;
	margin:10px 0 0 0;
	padding:5px;
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	border:2px solid #fff;
	background:#88b458;
	overflow:hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #666 1px 1px 2px;
	-moz-box-shadow: #666 1px 1px 2px;
	box-shadow: #666 1px 1px 2px;
	behavior: url("/PIE.htc");
}

#gsl-mark{
	width:60px;
	height:75px;
	padding:2px 10px 0 2px;
	float:left;
}

#gsl h5{
	font-weight:bold;
	margin:0.8em 0 0.2em 0;
}

#gsl p{
	font-size:9px;
	margin:0;
	padding:0 5px 0 0;
}

/******************************************************************/
/**********************       footer      *************************/
/******************************************************************/

#footer{
	width:100%;
	margin:40px 0 0 0;
	padding:1px 0 1em 0;
	background:#c8c8c8;
	clear:both;
}

#footer hr{
	height:1px;
	margin:0 0 1em 0;
	color:#f1f1f1;
	background:#f1f1f1;
	border:0;
}

#footer #iner{
	width:850px;
	margin:0 auto;
	color:#555;
	padding:10px 0 0 0;
	position:relative;
}

#iner #totop a{
	width:151px;
	height:27px;
	background:url(../common/totop2-trans.png) top left no-repeat;
	top:-25px;
	right:0;
	position:absolute;
}

#iner #totop a:hover img{
	visibility:hidden;
}

#footer #iner p{
	font-size:9px;
}

#f-left{
	width:215px;
	padding:0 13px 0 0;
	float:left;
	text-align:center;
	background:url(../common/border-y.gif) right top repeat-y;
	font-size:11px;
}

#f-left img{
	margin:0 0 10px 0;
}

#f-right{
	width:606px;
	margin:0;
	padding:0 0 0 16px;
	float:right;
}

address{
	text-align:right;
	padding:10px 20px 0 0;
	font-size:9px;
	font-style:normal;
}