@charset "utf-8";

/* Common Setting */

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #E0E0E0 url(/_img/common/body-bg.jpg) repeat-x left top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-wrap: break-word;
	color: #333;
}

html{ overflow-y: scroll; box-sizing:border-box;}


div,h1,h2,h3,h4,h5,p,img,form,li,dd,dt,ul,ol,pre{margin:0; padding:0;}

a img,img{border:none;}

#gnavi ul,
#subnavi ul{ list-style: none !important;}

img, form input{ vertical-align:middle;}

/* for Android4.x width bug fix */
#main h1,
#main h2,
#main p{ background: rgba(255,255,255,0.01);}

tt,pre{font-size:100%;}

/* Base divisions */
#contents{
/*	height: 100%;*/
	min-height: 100%;
	width: 1024px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}

#header,
#here,
#wrapper,
#main-wrapper,
#footer{ position: relative; width: 100%;}

/*
#header,
#contents-wrapper,
#footer{
    /* ie win (5, 5.5, 6) bugfix */
 /*   p\osition: relative;
    width: 100%;
    w\idth: auto;
}*/

#header-inner,
#wrapper-inner
#main-wrapper-inner,
#footer-inner,
#gnavi-inner,
#main-inner,
#here-inner{ position: static;
	height:1%;
	overflow:visible;
}

#header-inner:after,
#contents-wrapper-inner:after,
#wrapper-inner:after,
#footer-inner:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

/* Header  */
#header{ background: url(/_img/header/header-bg.gif) repeat-x left top; }
#header-inner{
	position:static;
	text-align: left;
	width: 100%;
	min-height: 75px;
	overflow:hidden;
	white-space: nowrap !important;
	height: 75px;
	padding-top: 15px;
}
#header h1,#header h2,#header h3,#header p{margin:0; padding:0;}
#header h1#sitename,
#header div#sitename{
	float: left;
	margin-right: 210px;
	_margin-right: 180px;
	width:320px;
	display:block;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
}
#header div#sitename{
	margin-top: 14px !important;
	_margin-top: 13px !important;
}

#header h1#sitename,
#header div#sitename a{
	background: url(/_img/shouriki-kouseikai.gif) no-repeat left top;
	height: 27px;
	width: 282px;
	display: block;
}

#header #sitename{text-indent:-9999px;}



/* KENSAKU */
#header-inner #kensaku{
	text-align: right;
	width: 310px !important;
	display: inline;
	vertical-align: middle;
	position:static;
	overflow: hidden;
	white-space:nowrap;
	float: left;
	vertical-align:middle;
	margin-right:5px;
	_margin-right:10px;
	_height: 75px;
	display:block;
	margin-left: auto;
}
#header-inner #kensaku img{ vertical-align: middle; }
#header-inner #kensaku form{
	margin: 0 !important;
	padding: 15px 0 0 !important;
	_padding: 0 0 5px 0;
	overflow:hidden;
	background: url(/_img/kensaku/kensaku-box.gif) no-repeat left center;
	min-height: 55px;
	_height: 60px;
	width: 300px;
	vertical-align: middle;
}


#header-inner #kensaku form input.searching-box{
	border-style: none;
	background: transparent;
	height: 27px;
	width: 126px !important;
	margin-top: 12px !important;
	_margin-top: 22px !important;
	padding:0;
	overflow:hidden;
	vertical-align: middle;
}


#header-inner #kensaku form .searching{
	border-style: none;
	margin: 1px 0 0 0;
	padding:0;
/*	*margin:-3px 0 0 -5px; */
	height: 29px;
	_margin-top: 11px !important;
	width: 48px;
	vertical-align: middle;
}



/* Then overwrite for Firefox 3 specifically */
body:first-of-type #header-inner #kensaku form input.searching-box {
	margin-top: 5px !important;
	padding-right: 10px !important;
}

/* Then overwrite for Firefox 3 specifically */
body:first-of-type #header-inner #kensaku form .searching{margin-top: 5px !important;}


#header-inner #sidemenu{
	float: right;
	width: 100px;
	margin-right:30px;
}
#header-inner #sidemenu p{
	padding-top: 3px;
	padding-bottom: 5px;
}
#header-inner #sidemenu p img{}


/* Pan-kuzu Navi */
#p-navi{
	display: block;
	position:static;
	width: 100%;
	margin-right: auto;
	text-align: left;
	color: #000;
	font: 75% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	position:relative;
}
#p-navi-inner{
	padding: 12px 12px 10px 24px;
	color: #663C3C;
	line-height: 125%;
}
#p-navi a:link,
#p-navi a:visited{
	color: #663c3c;
	text-decoration: none;
}
#p-navi a:hover{
	color: #600;
	background: #FFC;
	text-decoration: underline;
}


/* Footer */
#footer {
	float:none !important;
	clear:both !important;
	margin: 0px auto;
	padding: 0;
	background: url(/_img/footer/footer-bg.gif) repeat-x left bottom;/*	padding-bottom: 18px; */
}
#footer-inner{
	vertical-align: middle;
	padding: 12px 0 0 0;
}
#footer img{vertical-align: middle;}
#footer #copyright{
	text-align: center;
	width: 450px;
	float: left;
	padding: 0;
	margin-top:14px;
	margin-left: 220px;
	_margin-left: 210px;
	white-space: nowrap;
	font: 78% Arial, Helvetica, sans-serif;
}



/* PageUP */
#footer #go-pagetop{
	width: 200px;
	text-align: right;
	display: block;
	position: static;
	vertical-align: middle;
	font-size: 75%;
	margin: 0;
	padding: 0 25px 17px 0;
	float: right;
	height:33px;
}



/* Pitch Fonts */
.tt-10{	letter-spacing: 1em;}
.tt-20{	letter-spacing: 2em;}
.tt-05{	letter-spacing: 0.5em;}
.tt-04{	letter-spacing: 0.4em;}
.tt-03{	letter-spacing: 0.3em;}
.tt-02{	letter-spacing: 0.2em;}


/* Image etc. */
.photo-center{ text-align:center; vertical-align: middle; margin-bottom:10px;}
.photo-center img{ text-align:center; vertical-align: middle;}

/* Yuusen */
.readout{
	position: absolute !important;
	left: -999px !important;
	top: -999px !important;
	font-size: 1px !important;
}

.clearfix{
	clear:both !important;
	float:none!important;
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: auto;
	overflow: hidden;
}