@charset "utf-8";

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

	Font

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

body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color: #4f4f4f;
	line-height :1.5;
}

input, textarea, select, option, label {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

p,td,th,dt,dd,ul,ol,li{
	line-height:1.5;
}

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

	ClearFix

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

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

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.clearfix {
	overflow:hidden;
}

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

	Layout

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

body{
	background:url(../img/tp01_bg_body.jpg) 0 0 repeat-x;
	text-align:center;
}

#wrapper{
	width:850px;
	margin:0 auto;
	background:url(../img/tp01_bg_main.jpg) 0 0 no-repeat;
	text-align:left;
}

#tp h1{
	padding:8px 0 135px 8px;
	font-size:85%;
	color:#fff;
}

#tp #lead{
	text-indent:-9000px;
}

#tp #contR,
#tp #contL{
	float:left;
}

#tp #contR{
	width:307px;
	padding:0 20px 0 40px;
}

#tp #contL{
	width:443px;
}

#com{
	margin-bottom:17px;
	padding-bottom:4px;
	background:url(../img/tp01_bg_waku_btm.gif) left bottom no-repeat;
}

#com div{
	padding-bottom:8px;
	background:url(../img/tp01_bg_waku.gif) 0 0 repeat-y;
}

#com h2{
	margin-bottom:12px;
}

#com p{
	width:126px;
	float:left;
}

#com .txt{
	width:120px;
	padding:0 26px 0 20px;
}

#eng{
	padding-bottom:4px;
	background:url(../img/tp01_bg_waku_btm.gif) left bottom no-repeat;
}

#eng div{
	padding-bottom:2px;
	background:url(../img/tp01_bg_waku.gif) 0 0 repeat-y;
}

#eng li{
	padding:0 0 5px 15px;
}

#ec{
	padding-bottom:4px;
	background:url(../img/tp01_bg_waku2_btm.gif) left bottom no-repeat;
}

#ec #contents{
	padding:15px 10px 12px 27px;
	background:url(../img/tp01_bg_waku2.gif) 0 0 repeat-y;
}

#ec .box p{
	width:142px;
	padding-bottom:8px;
	float:left;
}

#ec .box p.txt{
	width:245px;
	padding-right:10px;
}

#ec .box2{
	margin-bottom:15px;
}

#ec .box2 h3{
	margin-bottom:7px;
}

#ec .box3 li{
	float:left;
	padding-right:4px;
}

#bnr{
	margin-top:15px;
}

#bnr li{
	float:left;
	padding-right:8px;
}

#bnr li.last{
	padding-right:0;
}

#footer{
	width:100%;
	margin-top:25px;
	padding-top:10px;
	background:url(../img/tp01_bg_footer.gif) 0 0 repeat-x;
}

#footer address{
	width:770px;
	margin:0 auto;
	font-size:85%;
	text-align:right;
}

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

	メンテナンス中画面

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

.mente #title{
	font-size:130%;
	font-weight:bold;
}

.mente p em{
	color:#CC0000;
}

.mente p{
	margin-bottom:10px;
}
