@charset "UTF-8";
/* CSS Document */
	
/* ///////////////////////////////////////////

初期化

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

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;  
}  
table{  
    border-collapse: collapse; border-spacing:0;  
}  
fieldset, img{  
    border: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
    font-style: normal; font-weight:normal;  
}  
ol, ul{  
    list-style: none;  
}  
caption, th{  
    text-align: left;  
}  
h1, h2, h3, h4, h5, h6{  
    font-size:100%; font-weight:normal;  
}  
q:before, q:after{  
    content:”;  
}  
abbr, acronym{  
    border:0;  
}  
a{
	color: #4187a9;
	cursor: pointer;
}
a:hover{
	text-decoration: none;
	cursor: pointer;
}
figure{
	margin: 0;
	padding: 0;
}
/* ///////////////////////////////////////////

Font

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

body {
	font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	color: #333;
	background: url(../images/bg.jpg) repeat-x 50% 0 #fff;
	line-height: 1.9;
	}
#maincontents{ 
	width: 975px;
	margin: 0 auto 0 auto;
	}
#maincontents2{
        width: 1300px;
        margin: 0 auto 0 auto;
        }
#maincontents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}
button{
	border: none;
	background: none;
	margin: 10px 0 0 0;
}
table {
	font-size: inherit;
	font: 100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.bold{
	font-weight: bold;
}
div.top-contents-area a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}



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

共通スタイル

////////////////////////////////////////////*/
#heaeer{
	height: 102px;
	}
.headleft{
	width: 240px;
	float: left;
	margin-top: 20px;
	}
h1{
	margin: 40px 0 0 0;
	margin-top: 20px;
	}
.headright{
	width: 640px;
	float: right;
	position: relative;
	}
.sublink-ul{
	clear: both;
	position: absolute;
	right: 0;
	top: 70px;
}

.sublink-ul li{
	float: left;
	font-size: 11px;
	color: #76b0cc;
	margin: 0px 0 0 30px;
	height: 2em;
	}
.sublink-ul li a{
	font-weight: bold;
	color: #76b0cc;
	text-decoration: none;
	}
.bt-einglish{
	text-align: right;
	}
.mainnavi{
	clear: both;
	}
.mainnavi li{
	float: left;
	}
.mainnavi:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
p.pankuzu{
	text-align: left;
	margin: 15px 0 15px 0;
	font-size: 11px;
	}
#footer{
	clear: both;
	}
#footer-top-area{
	width: 100%;
	background: #fff;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 3px solid #111; 
	}
#footer-top-area-test{
        width: 100%;
        background: #fff;
        padding: 20px 0;
        margin-top: 20px;
        border-top: 3px solid #111;
        }
#footer-bottom-area{
	clear: both;
	width: 100%;
	background: #111;
	padding: 20px 0
	}
#footer-bottom-area-test{
        clear: both;
        width: 100%;
        background: #111;
        padding: 20px 0
        }
.footer-contents{
	width: 975px;
	margin: 0 auto;
	}
.footer-contents-test{
        width: 975px;
        margin: 0 auto;
        }
.footer-top-area-left{
	float: left;
	width: 250px;
	}
.footer-top-area-left-test{
        float: left;
        width: 250px;
        }
.footer-top-area-right{
	float: right;
	width: 650px;
	}
.footer-top-area-right-test{
        float: right;
        width: 650px;
        }
.footer-top-area-right ul{
	float: right;
	}
.footer-top-area-right-test ul{
        float: right;
        }
.footer-top-area-right ul li{
	float: left;
	}
.footer-top-area-right-test ul li{
        float: left;
        }
.footer-top-area-right ul li a{
	color: #333;
	margin: 10px;
	font-size: 11px;
	text-decoration: none;
}
.footer-top-area-right-test ul li a{
        color: #333;
        margin: 10px;
        font-size: 11px;
        text-decoration: none;
}
.footer-top-area-right ul li a:hover{
	text-decoration: underline;
}
.footer-top-area-right-test ul li a:hover{
        text-decoration: underline;
}

.snsul-footer li{
	float: left;
	}
.footer-bottom-area-left{
	float: left;
	width: 450px;
	}
.footer-bottom-area-left-test{
        float: left;
        width: 450px;
        }
.footer-bottom-area-left ul li{
	float: left;
	}
.footer-bottom-area-left-test ul li{
        float: left;
        }
.footer-bottom-area-left ul li a{
	color: #fff;
}
.footer-bottom-area-left-test ul li a{
        color: #fff;
}
.footer-bottom-area-left ul li a{
	text-decoration: none;
	margin: 0 10px 0 0;
	font-size: 11px;
	}
.footer-bottom-area-left-test ul li a{
        text-decoration: none;
        margin: 0 10px 0 0;
        font-size: 11px;
        }
.footer-bottom-area-right{
	float: right;
	width: 450px;
	}
.footer-bottom-area-right-test{
        float: right;
        width: 450px;
        }
.footer-bottom-area-right address{
	color: #fff;
	font-size: 11px;
	text-align: right;
}
.footer-bottom-area-right-test address{
        color: #fff;
        font-size: 11px;
        text-align: right;
}
.footer-bottom-area-right ul{
	float: right;
	}
.footer-bottom-area-right-test ul{
        float: right;
        }
.footer-bottom-area-right ul li{
	float: left;
	}
.footer-bottom-area-right-test ul li{
        float: left;
        }
.footer-bottom-area-right ul li a{
	color: #fff;
	margin: 10px;
	font-size: 11px;
	text-decoration: none;
}
.footer-bottom-area-right-test ul li a{
        color: #fff;
        margin: 10px;
        font-size: 11px;
        text-decoration: none;
}
.footer-bottom-area-left ul li a:hover{
	text-decoration: underline;
}
.footer-bottom-area-left-test ul li a:hover{
        text-decoration: underline;
}


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

Common style

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


p.borderBottom{
	border-bottom: 1px dotted #999;
}


.small{
	font-size: 90%;
}

/* common color */
.pink	{color: #ef0794;}
.gold	{color: #d5ac30;}
.blue	{color: #0698ff;}
.orange	{color: #ff8706;}
.violet	{color: #ff66fa;}
.purple	{color: #a158eb;}
.brown	{color:	#8B3234;}
.gray	{color:	#777;}
/*___/ clearfix /___*/

.tright{ text-align: right;}

.fright{ float: right;}
.fleft{ float: left;}
.clear{
    clear: both; 
}
.center{ text-align: center;}

.font10{	font-size: 10px;}
.font11{	font-size: 11px;}
.font12{	font-size: 12px;}
.font14{	font-size: 14px;}
.font16{	font-size: 16px; line-height: 1.7;}
.font18{	font-size: 18px;}
.font19{	font-size: 19px;}

.titleFontSmall{
	font-size: 10px;
	letter-spacing: 0.3em;
	float: right;
	margin-top: -45px;
}

.w280{	width: 280px;}
.w315{	width: 315px;}
.w340{	width: 340px;}
.w375{	width: 375px;}
.w400{	width: 400px;}
.w480{	width: 480px;}
.w500{	width: 500px;}
.w650{	width: 650px;}


.textRight{	text-align: right;}
.textCenter{ text-align: center; }

.mt5{	margin-top: 5px}
.mt10{	margin-top: 10px}
.mt13{	margin-top: 13px}
.mt15{	margin-top: 15px}
.mt20{	margin-top: 20px;}
.mt30{	margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{	margin-top: 50px;}
.mt65{	margin-top: 65px;}
.mb10{	margin-bottom: 10px;}
.mb15{	margin-bottom: 10px;}
.mb20{	margin-bottom: 20px;}
.mb30{	margin-bottom: 30px;}
.mb40{	margin-bottom: 40px;}

.mr5{	margin-right: 5px}
.mr10{	margin-right: 10px}
.mr15{	margin-right: 15px}
.mr20{	margin-right: 20px}
.mr30{	margin-right: 30px}
.mr40{	margin-right: 40px}

.ml5{	margin-left: 5px}
.ml10{	margin-left: 10px}
.ml15{	margin-left: 15px}
.ml20{	margin-left: 20px}

.p5{	padding: 5px}
.p10{	padding: 10px}
.p15{	padding: 15px}

.pl15{	padding-left: 15px}

.pr15{	padding-right: 15px}

.pb15{	padding-bottom: 15px}

.bold{	font-weight: bold;}

.pagetop{
	clear: both;
	text-align: right;
	margin: 15px 0 0 0;
	height: 26px;
}

.red{
	color: #990000; !important
}
strong{ font-weight: bold;}

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