@charset "Shift_JIS";

/* *****************************************************
 *	style.css_index
 * 	Copyright (c) 2010 NRI All rights reserved.
 *  1.basic
 *  2.header
 *  3.body
 *  4.footer
 * *****************************************************/

/* *****************************************************
 *  1.basic
 * *****************************************************/

* {
	margin           : 0;
	padding          : 0;
	font-size        : 100%;
	font-style       : normal;
	}
	
body {
	font-size        : 90%;
	font-family      : 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro',Osaka,'ヒラギノ角ゴ Pro W3', sans-serif;
	text-align       : center;
	margin           : 0 auto;
	color            : #000000;
	background:url(../img/LP01_bg01.jpg) repeat-x top;
	}
	
div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin           : 0;
	padding          : 0;
    }

/* safari only \*/
html:\66irst-child body {
	font-size        : 80%;
	}
/* end */

/*\*/
* html body          { font-size: 90%;}

* html table {
	font-size        : 100%;
	line-height      : 1.5;
    }

*:first-child + html body {font-size: 90%;}
/**/

/*command*/
.left                { float: left;}
.right               { float: right;}
.clear               { clear: both;}
.hidden              { text-indent: -9999px;}
ol,ul { list-style-type:none;}

/*margin*/
.margin-t25b40 { margin: 25px 0 40px 0;}  

/*image*/   
img { 
    vertical-align : bottom;  /*画像のスキマを消す*/
	border         : none;
	}　

/*link*/
a                    { text-decoration: none;}
a:link               { text-decoration: none;}
a:visited            { text-decoration: none;}
a:hover              { text-decoration: none;}
a:active             { text-decoration: none;}

/*fontcoler*/
.red { color:#c20a01;}

#wrpper { background: url(../img/LP01_bg02.jpg) no-repeat center top;}

#container {
    position         : relative;
	width            : 900px;
	height           : auto;
    margin           : 0 auto;
    text-align       : left;
	}

/* *****************************************************
 *  2.header
 * *****************************************************/
#header { width: 900px; height: 220px;}
#header h1 { text-indent: -9999px;}

/* *****************************************************
 *  3.body
 * *****************************************************/

#content { width:900px; height:auto; margin-bottom: 60px;}
#content:after {
    content          : "."; 
    display          : block; 
    height           : 0; 
    clear            : both; 
    visibility       : hidden;
	}

#content {display: inline-table;}

/*head*/
#content #linkA { position:relative; width: 900px; height:144px; background:url(../img/LP01_bt01_off.jpg) no-repeat;}
#content #linkA p { text-indent: -9999px;}
#content #linkA p a { display: block; position:absolute; width: 247px; height: 69px; top: 35px; left: 623px;}
#content #linkA p a:hover { background:url(../img/LP01_bt01_on.jpg) no-repeat;}

/*basic*/
#content h2 { margin:0 0 30px 0;}
#content h3 { margin:15px ;}
#content p { line-height: 170%; margin:0 0 10px 0; text-align:justify;}

#content .section { width: 840px; height:auto; margin:0 0 0 30px; clear:both; padding-bottom: 60px;}
#content .section .box { border:8px solid #778087; margin-top: 30px; }
#content .section .box p { margin: 0 15px 25px 15px; font-size: 82%; text-align:justify; line-height:150%;}

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

#content .section#post {display: inline-table;}


#content .section .box .linkB { position:relative; width: 824px; height:90px; background:url(../img/LP01_bt02_off.jpg) no-repeat;}
#content .section .box .linkB p { text-indent:-9999px ;}
#content .section .box .linkB p a { display: block; position:absolute; width:470px; height: 60px; top: 15px; left: 177px;}
#content .section .box .linkB p a:hover { background:url(../img/LP01_bt02_on.jpg) no-repeat;}

#content .section .box .linkC { position:relative; width: 824px; height:90px; background:url(../img/LP01_bt03_off.jpg) no-repeat;}
#content .section .box .linkC p { text-indent:-9999px ;}
#content .section .box .linkC p a { display: block; position:absolute; width:470px; height: 60px; top: 15px; left: 177px;}
#content .section .box .linkC p a:hover { background:url(../img/LP01_bt03_on.jpg) no-repeat;}

#content .section .linkD { margin: 20px 0 0 30px;  position:relative; width: 780px; height:86px; background:url(../img/LP01_bt05_off.jpg) no-repeat;}
#content .section .linkD p { text-indent:-9999px ;}
#content .section .linkD p a { display: block; position:absolute; width:490px; height: 60px; top: 16px; left: 280px;}
#content .section .linkD p a:hover { background:url(../img/LP01_bt05_on.jpg) no-repeat;}

#content .section .linkD#one { background:url(../img/LP01_bt04_off.jpg) no-repeat;}
#content .section .linkD#one p a:hover { background:url(../img/LP01_bt04_on.jpg) no-repeat;}

#content .section table { 
	margin			: 50px 0 0 0;
	border-top: 2px solid #778087;
	border-bottom: 2px solid #778087;
	line-height		: 140%;
	width			: 840px;
	background		: #FFFFFF;
	font-size: 82%;
	}

#content .section table th { 
	background		: #d9e4ea;
	text-align: center;
	font-weight:normal;
	padding: 10px;
	}

#content .section table td {	
	background		: #FFFFFF;
	padding: 10px 20px;
	}

#content .section table td.head { width:230px;	}

#content .section table tr.second td {background: #F3F4F6;}

/* *****************************************************
 *  4.footer
 * *****************************************************/

#footer { height: 100px; background:#001928;}
#footer #box { width: 840px; position:relative; margin:0 auto; text-align:right; padding-top: 25px;}