@charset "shift_jis";

/* BODY
---------------------------------------------*/

html {
	background-color: #fff;
	width: 100%;
	height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;}

body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333;
	font-size: 12px;
	overflow: auto;
	background: url(../img/bg_all.jpg) left top repeat-y;}

input, select {padding: 1px;}

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

a   {
	color:#333;
	text-decoration: none;}

a:hover {
	color: #e75a8f;
	text-decoration: underline;}

em,address {font-style: normal;}

strong {font-weight: normal;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all {
	width: 895px;
	padding: 0 22px 0 15px;
        text-align: left;
	background: url(../img/bg_header.jpg) left top no-repeat;}

/* forIE6 */
* html #all {width: 932px;}

/* HEADER
---------------------------------------------*/

#header {}

/* forIE6 */
* html #header {width: 895px;}

#header h1 {
	float: left;
	margin-top: 25px;}

#headnavi {
	float: right;
	margin-top: 25px;}

#headnavi li {
	float: left;
	text-indent: -9999px;}

#headnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 14px;
	padding-top: 14px;
	background-image: url(../img/headnavi.gif);}

.hnav01 a {width:115px; background-position: 0 0;}
.hnav02 a {width:105px; background-position: -115px 0;}
.hnav03 a {width:131px; background-position: -220px 0;}

.hnav01 a:hover {background-position: 0 -14px;}
.hnav02 a:hover {background-position: -115px -14px;}
.hnav03 a:hover {background-position: -220px -14px;}

#navigation {
	clear: both;
	padding-top: 12px;}


#navi {}

#navi li {
	float: left;
	width: 147px;
	margin: 1px 1px 0 0;
	text-indent: -9999px;}

#navi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 54px;
	padding-top: 54px;
	background-image: url(../img/navi.jpg);}

.nav01 a {background-position: 0 0;}
.nav02 a {background-position: -147px 0;}
.nav03 a {background-position: -294px 0;}
.nav04 a {background-position: -441px 0;}
.nav05 a {background-position: -588px 0;}
.nav06 a {background-position: -735px 0;}

.nav01 a:hover {background-position: 0 -54px;}
.nav02 a:hover {background-position: -147px -54px;}
.nav03 a:hover {background-position: -294px -54px;}
.nav04 a:hover {background-position: -441px -54px;}
.nav05 a:hover {background-position: -588px -54px;}
.nav06 a:hover {background-position: -735px -54px;}

/* 2nd PAGE HEADER
---------------------------------------------*/

#pagenavi {
	position: absolute;
	right: 8px; bottom: 10px;}

#pagenavi li {
	width: 185px;
	text-indent: -9999px;}

.pgnav01 a {background-position: 0 0;}
.pgnav02 a {background-position: 0 -23px;}
.pgnav03 a {background-position: 0 -46px;}
.pgnav04 a {background-position: 0 -69px;}
.pgnav05 a {background-position: 0 -92px;}

.pgnav01 a:hover {background-position: -185px 0;}
.pgnav02 a:hover {background-position: -185px -23px;}
.pgnav03 a:hover {background-position: -185px -46px;}
.pgnav04 a:hover {background-position: -185px -69px;}
.pgnav05 a:hover {background-position: -185px -92px;}

/* CONTENTS
---------------------------------------------*/

#contents {
	clear: both;
	line-height: 1.5em;}

.toppage {
	padding: 20px 0 0 0;}

/* forIE6 */
* html .toppage {width: 895px;}

.bgsec {
	overflow: auto;
	background: url(../img/bg_side.jpg) left top repeat-y;}

/* forIE6 */
* html .bgsec {height: 1%;}

/* MAIN
---------------------------------------------*/

#main {}

#rightmain {
	float: right;
	width: 654px;
	padding: 20px 0 0 7px;}

/* forIE6 */
* html #rightmain {width: 661px;}

#maincontents {
	padding: 20px;}

#maincontents h3 {
	color: #e75a8f;}

#maincontents p {
	line-height: 2em;
	letter-spacing: 0.05em;}

/* SIDE
---------------------------------------------*/

#side {
	float: left;
	width: 234px;}

#side em {
	display: block;
	padding: 10px 0 10px 15px;}

#side a {
	font-size: 14px;
	color: #e75a8f;}

#side dl dd {
	padding: 8px 0 15px 10px;}

#side ul li {
	margin: 10px 0;}

.side-other {
	width: 210px;
	border-top: 1px solid #f99;}


/* FOOTER
---------------------------------------------*/

#footer {
	clear: both;
	width: 920px;
	padding-bottom: 20px;}

.topfooter {margin-top: 30px;}

#footer a {color: #666;}
#footer a:hover {color: #e75a8f;}

#footnavibox {
	margin-bottom: 10px;
	padding-left: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}

#footnavibox li {
	display: inline;
	line-height: 4em;}

#footnavibox li a {margin-right: 3px;}

#footer p {
	color: #666;
	padding-left: 15px;
	line-height: 2em;}



/* CLEARFIX
---------------------------------------------*/

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{ display: inline-block; }

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