@charset "utf-8";

/* ##################################################################

[RESET]
[DEFAULT]
[container]
[header]
[footer]
[CLEARFIX]

Copyright (C) 37Graphics.

################################################################## */


/* RESET ****************************************************************/
html,body,div,span,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,a,img,address,em,strong,del,ins,blockquote,q,table,tr,th,td {
	outline: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	background: transparent;
}
table { border-collapse: collapse; border-spacing: 0;}
ol,ul { list-style: none;}
blockquote,q { quotes: none;}


/* DEFAULT ****************************************************************/
html {
	height: 100%;
	padding-bottom: 1px;
}
	
body {
	line-height: 1.5;
	color: #333;
	font-family: "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", sans-serif;
	font-size: 81%;
	background: #FFF url(../img/bg01.png) repeat-x;
}
/* 8px/61.5% 9px/69% 10px/77% 11px/85% 12px/93% 13px/100% 14px/108% 15px/116% 16px/123.1% 17px/131% 
18px/138.5% 19px/146.5% 20px/153.9% 21px/161.6% 22px/167% 23px/174% 24px/182% 25%/189% 26px/197% */

a:link,a:visited {
	border-bottom: none;
	color: #006799;
	text-decoration: none;
}
a:hover,a:active {
	border-bottom: none;
	color: #006799;
	text-decoration: underline;
}

img,object,embed {
	vertical-align: bottom;
}

.upper {
	text-transform: uppercase;
}
.red {
	color: #DD2500;
}
.blue{
	color: #006799;
}


/* container ****************************************************************/
div#container {
	width: 708px;
	margin: 0 auto;
	font-size: 93%;
}

/* topback
--------------------------------------------------------- */
p.topback,
p.topback_ft {
	clear: both;
	text-align: right;
}
p.topback a,
p.topback_ft a {
	color: #333;
}
p.topback a:visited,
p.topback_ft a:visited {/* IE6 fix */
	color: #333;
}
p.topback {
	margin-bottom: 40px;
}

/* mogura
--------------------------------------------------------- */
p#mogura {
	visibility: hidden;
}


/* header ****************************************************************/
div#header {
	width: 700px;
	height: 107px;
	padding: 0 4px;
}
#header h1 {
	float: left;
	padding-top: 4px;
}
#header ul.contact {
	float: right;
	width: 151px;
	line-height: 1;
	padding: 15px 10px 0 0;
}
#header ul.contact li {
	margin-bottom: 4px;
}


/* g_nav
--------------------------------------------------------- */
ul#g_nav {
	clear: both;
	width: 700px;
	height: 39px;
}
#g_nav li {
	float: left;
}


/* footer ****************************************************************/
div#footer {
	line-height: 1.2;
	font-size: 93%;
	border-top: #FF6600 solid 5px;
	text-align: center;
	background: #FFF;
}
#footer ul {
	width: 680px;
	margin: 19px auto 17px;
}
#footer ul li {
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	border-right: #333 solid 1px;
}
#footer ul li.end {
	padding-right: 0;
	border-right: none;
}
#footer ul li a {
	color: #333;
}
#footer address {
	width: 680px;
	margin: 0 auto 7px;
}


/* CLEARFIX ****************************************************************/
div:after,ol:after,ul:after,dl:after,dd:after {
    content: "";
    display: block;
    clear: both;
}
div,ol,ul,dl,dd { display: inline-block; }
/* Hides from IE-mac \*/
* html div,* html ol,* html ul,* html dl,* html dd { height: 1%; }
div,ol,ul,dl,dd { display: block; }
/* End hide from IE-mac */