@charset "utf-8";

/*************************************************************

		Base

**************************************************************/
html {
	height: 100%;
	overflow-y: scroll;
}
* {
	font-size: 100%;
}
body {
	height: 100%;
	color: #555555;
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	letter-spacing: 0.02em;
	background: url(../images/common/foot_background.gif) repeat left top #FFFFFF;
	_overflow-x: hidden;/*IE6*/
	-webkit-text-size-adjust: none;/* iphone fontsize */
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, span {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

p::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
ul::selection,
ol::selection,
li::selection,
dl::selection,
dt::selection,
dd::selection,
span::selection {
	background: #e1e1e1;
}
p::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
ul::-moz-selection,
ol::-moz-selection,
li::-moz-selection,
dl::-moz-selection,
dt::-moz-selection,
dd::-moz-selection,
span::-moz-selection {
	background: #e1e1e1;
}


form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: bottom;
}
/*-- ClearFix --*/
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.clearfix {
	zoom:1;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* LINK
--------------------------------*/
a:link    { color: #555555; text-decoration: underline; }
a:visited { color: #555555; text-decoration: underline; }
a:hover   { color: #006ab8; text-decoration: none; }
a:active  { color: #006ab8; text-decoration: none; }


/* html5
--------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

/* PRINT
--------------------------------*/
/*
@media print {
	#topcontrol { display: none; }
	*:first-child+html body { zoom: 82%; }
	*html body { zoom: 82%; }
}
*/

/*************************************************************

		HEADER

**************************************************************/
header {
	width: 100%;
	height: 48px;
	background: #076EBA;
	position: relative;
	text-align: left;
}
#headerCompanyName{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}

header #companyLogo{
    line-height: 0;
    margin: 0;
    padding: 0;
    height: 24px;
    vertical-align: middle;
}

#headerInner {
	width: 1000px;
	margin: 0 auto;
	padding-top: 8px;
	position: relative;
}

#headerMenu{
    height: 48px;
    background-color: #fff;
}
#headerMenuInner{
    width: 1000px;
    margin: 0 auto;
    height: 48px;
}
#headerMenuTable{
    display: table;
    width: 100%;
    height: 100%;
}
#headerMenuTable .menuItem{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    padding: 0 16px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
#headerMenuTable .menuItem:hover{
    background-color: #076EBA;
    color: #fff;
}

#headerInner h1#headLogo {
	width: 232px;
	position: absolute;
	top: 39px;
	left: 0;
	padding: 0;
}
#headerInner ul {
	width: 527px;
	position: absolute;
	top: 0;
	right: 0;
}
#headerInner ul li {
	float: left;
	list-style: none;
}
#headerInner p.headBelimurah {
	width: 170px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 236px;
}

/*************************************************************

		CONTAINER > CONTENT

**************************************************************/
#container {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/common/content_background.gif) repeat left top;
}
#content {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
	text-align: left;
	text-align: justify;
	/*
	text-justify: inter-ideograph;
	*/
	background: url(../images/common/content_separate.gif) repeat-y 78% 0%;
}
#contentIndex {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8;
	text-align: left;
	text-align: justify;
	/*
	text-justify: inter-ideograph;
	*/
	position: relative; /* pagetop用に */
	background: none;
}
/* 404
--------------------------------*/
#content404 {
	width: 940px;
	margin: 0 auto 50px auto;
	padding: 20px 0 0 0;
	line-height: 1.8;
	text-align: left;
	text-align: justify;
	/*
	text-justify: inter-ideograph;
	*/
	background: none;
}
#content404 h1 {
	margin: 0 0 5px 5px;
	font-size: 200%;
	font-weight: bold;
}
#content404 h2 {
	margin: 0 0 5px 5px;
	font-size: 140%;
	font-weight: bold;
}
#content404 p {
	width: 700px;
	margin: 0 0 0 5px;
}

/* TOPIC PATH
--------------------------------*/
#topicpath {
	width: 100%;
	height: 30px;
	margin: 0 0 50px 0;
	background: url(../images/common/topicpath_back.gif) repeat-x left top;
}
#topicpath #topicpathInner {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
#topicpath #topicpathInner ul {
	height: 20px;
	padding: 5px 0 0 17px;
	font-size: 87%;
	background: url(../images/common/topicpath_home.gif) no-repeat 2px 7px;
}
#topicpath #topicpathInner ul li {
	float: left;
	list-style: none;
	color: #777777;
}
#topicpath #topicpathInner ul li a:link    { color: #777777; text-decoration: underline; }
#topicpath #topicpathInner ul li a:visited { color: #777777; text-decoration: underline; }
#topicpath #topicpathInner ul li a:hover   { color: #006ab8; text-decoration: none; }
#topicpath #topicpathInner ul li a:active  { color: #006ab8; text-decoration: none; }

#topicpath #topicpathInner p {
	height: 20px;
	padding: 5px 0 0 17px;
	font-size: 88%;
	background: url(../images/common/topicpath_home.gif) no-repeat 2px 7px;
	color: #777777;
	text-align: left;
}
#topicpath #topicpathInner p a:link    { color: #777777; text-decoration: underline; }
#topicpath #topicpathInner p a:visited { color: #777777; text-decoration: underline; }
#topicpath #topicpathInner p a:hover   { color: #006ab8; text-decoration: none; }
#topicpath #topicpathInner p a:active  { color: #006ab8; text-decoration: none; }


/* COMMON
--------------------------------*/
aside {
	widht: 180px;
	float: right;
	margin: 0;
}
#mainColumn {
	width: 700px;
	float: left;
	margin: 0;
	line-height: 1.6;
}

/* PAGE TOP
--------------------------------*/
#bottomPageTop {
	width: 940px;
	margin: 0 auto;
	padding-top: 80px;
	text-align: right;
}

/* BOTTOM CONTACT
--------------------------------*/


/*************************************************************

		ASIDE

**************************************************************/




/*************************************************************

		FOOTER

**************************************************************/
footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/common/foot_line.gif) repeat-x left top;
}
#footerInner {
	width: 940px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	color: #666666;
}
#footerInner ul {
	float: left;
	margin: 25px 0 0 0;
}
#footerInner ul li {
	list-style: none;
	float: left;
}
#footerInner #footAddress {
	float: right;
	margin: 28px 0 0 0;
	padding: 0;
	text-align: right;
}
#footerInner #footAddress h3 {
	font-size: 90%;
	text-align: right;
	margin: 0;
	padding: 0;
}
#footerInner p#copyright {
	width: 235px;
	position: absolute;
	top: 120px;
	right: 0;
}