@charset "utf-8";

/*----------------------------------------------------------------
 MainLayout
 -----------------------------------------------------------------
 c/p
 <link href="./common/css/layout.css" rel="stylesheet" type="text/css" media="screen,print" />
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
body{
	background			: #242D66;
	font-size			: 14px;
	line-height			: 1.57;
}

/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/
/*-----------------------------------------------------
 area
-----------------------------------------------------*/
#header{
	height				: 75px;
	padding				: 10px 0;
	background			: #242D66;
	color				: #FFF;
}
#contents{
	background			: #FFF;
}
#navigation{
	margin				: 0 0 -70px 0;
}
#eyecatch{
	background-position	: center top;
	background-repeat	: no-repeat;
}
#footer{
	background			: #242D66 url(../images/sub/footer_border.gif) left top repeat-x;
	color				: #FFF;
}

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
/*-----------------------------------------------------
 header
-----------------------------------------------------*/
#header .logo,
#header .company-name{
	float				: left;
	margin				: 2px 0 0 0;
}
#header .tel{
	float				: right;
	margin				: 1px 0 0 0;
}
#header .sns{
	float				: right;
	padding				: 0 10px;
}

/*-----------------------------------------------------
 eyecatch
-----------------------------------------------------*/
#eyecatch .container{
	height				: 155px;
	padding				: 140px 0 0 0;
	background-position	: center top;
	background-repeat	: no-repeat;
}

/* privacy */
#privacy #eyecatch				{ background-image: url(../images/sub/privacy_title-base.jpg); }
#privacy #eyecatch .container	{ background-image: url(../images/sub/privacy_title-bg.jpg); }

/* trade */
#trade #eyecatch				{ background-image: url(../images/sub/trade_title-base.jpg); }
#trade #eyecatch .container		{ background-image: url(../images/sub/trade_title-bg.jpg); }

/*-----------------------------------------------------
 contents
-----------------------------------------------------*/
#contents>.container{
	padding				: 30px 0 150px 0;
}
#contents .pagetop{
	position			: absolute;
	right				: 0px;
	bottom				: 10px;
}

#contents .heading{
	margin				: 60px 0 0 0;
	padding				: 0 0 9px 0;
	border-bottom		: 1px solid #232D65;
	font-weight			: bold;
	font-size			: 18px;
	color				: #232D65;
}

#contents p{
	margin				: 11px 0;
}
#contents p.intro{
	margin				: 0 0 -40px 0;
}

#contents .request .heading{
	border-top		: 1px solid #232D65;
	padding				: 5px 0;
}
#contents .request p{
	margin				: 15px 0 0 0;
}

#contents table{
	margin				: 30px 0 0 0;
	width				: 1000px;
}
#contents table td,
#contents table th{
	border				: 1px solid #BBBABA;
	padding				: 15px;
	font-weight			: normal;
}
#contents table th{
	width				: 235px;
	background			: #A8CADF;
}
#contents table td{
	background			: #FFF;
}

#contents .thanks-block{
	padding				: 43px 0 0 0;
	text-align			: center;
}
#contents .thanks-block h2{
	margin				: 27px 0 45px 0;
	font-size			: 36px;
	font-weight			: bold;
	line-height			: 1.5;
	color				: #232D65;
}
#contents .thanks-block p{
	margin				: 0;
	font-size			: 16px;
	line-height			: 1.88;
}

/*-----------------------------------------------------
 footer
-----------------------------------------------------*/
#footer .container{
	padding				: 10px 0;
}
#footer a{
	color				: #FFF;
}

#footer .info{
	position			: relative;
	overflow			: hidden;
	clear				: left;
	float				: left;
	padding				: 35px 0 0 0;
 }
#footer .info p{
	float				: left;
}
#footer .info .logo{
	padding				: 0 15px 0 0;
}

#footer .copy{
	position			: absolute;
	right				: 0px;
	bottom				: 25px;
}