@charset "Shift_JIS";

/*========================================================================

	ファイル名  : /css/style.css
	コピーライト: NTT DOCOMO, INC. All Rights Reserved.
	
========================================================================*/


/*=================================================

00.全体設定

===================================================*/
body {
	font-family:Arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:16px;
	line-height:130%;
}

div#wrapper {width: 100%;}

hr {
   border-width: 1px 0px 0px 0px; 
   border-style: solid;
   border-color: #cccccc;
   height: 1px;
   margin: 20px auto;
}

ol {
	margin-left: 1em;
}
ol li {
	list-style-type:decimal;
	margin-bottom: 20px;
}
ul li {
	margin-bottom: 10px;
}

/* テキストリンクカラー 
------------------------------------------*/
a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:hover {color: #0000FF;text-decoration:none;}
/*----------------------------------------*/


/* タイトル部 - title 
------------------------------------------*/
#title {
	width: 100%;
	margin: 5px 0 10px;
	text-align: center;
}
/*----------------------------------------*/


/* コンテンツ部 - contetnts 
------------------------------------------*/
#contents {
	padding: 0 15px;
	margin: 0 auto;
}
/*----------------------------------------*/


/* フッタ部 - footer
------------------------------------------*/
div#footer {
	width: 100%;
	margin-top:20px;
}
	div#footer p{
		width: 100%;
		padding: 20px 0;
		border-top: 3px solid #CC0033;
		text-align: center;
		font-size:70%;
	}
/*----------------------------------------*/




/*=================================================

01.ブロック

===================================================*/

/* 上下ボーダー
------------------------------------------*/
div.bdBOX {
	padding: 15px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}
/*----------------------------------------*/



/*=================================================

02.フォーム

===================================================*/
ul.formList li {
	line-height: 250%!important;
}


/* ボタン
------------------------------------------*/
.btn {
	text-align:center;
	margin: 20px 0;
}
.btn input {
	background: url(../images/btn_bg.jpg) repeat-x center;
	border: 1px solid #cccccc;
	font-size:122%;
	text-align:center;
	width: 80%;
	padding:10px;
}

/*----------------------------------------*/


/* テキストエリア
------------------------------------------*/
textarea {
	width: 90%;
}
/*----------------------------------------*/





/*=================================================

03.汎用スタイル

===================================================*/

/* 汎用テキストサイズ指定 */
.x-small {font-size:77%;}
.small {font-size:85%;}
.large {font-size:122%;}

/* 汎用マージン指定 */
.mgnA3 {margin:3px;}
.mgnA5 {margin:5px;}
.mgnA5-2 {margin:5px;}
.mgnTB5 {margin:5px 0;}
.mgnTB10 {margin:10px 0;}
.mgnLR15 {margin:0 15px;}
.mgnT10 {margin-top:10px;}
.mgnT20 {margin-top:20px;}
.mgnB10 {margin-bottom:10px;}
.mgnB20 {margin-bottom:20px;}
.mgnB20-2 {margin-bottom:20px;}
.mgnB30 {margin-bottom:30px;}

.mgnSA {margin-left:auto; margin-right:auto;}

/* 汎用パディング指定 */
.pdnTB5 {padding:5px 0;}
.pdnTB10 {padding:10px 0;}
.pdnLR15 {padding:0 15px;}
.pdnT10 {padding-top:10px;}
.pdnB10 {padding-bottom:10px;}
.pdnB20 {padding-bottom:20px;}
.pdnB30 {padding-bottom:30px;}

/* テキスト配置 */
.center{text-align:center;}
.center-2{text-align:center;}
.right{text-align:right!important;}

/* 左寄せ */
.floatL{float:left;}

/* 右寄せ */
.floatR{float:right;}

/* 幅指定 */
.w50{width:50%;}

/* エラーメッセージ */
.errorMsg {color:#FF0000; font-size:14px;}
.errorMsg-2 {color:#FF0000; font-size:14px;}

.error {
	background: url(../images/error_header.gif) no-repeat left top;
	padding-left: 70px;
	margin: 20px 0 0;
	padding-bottom: 20px;
}


.clear {
clear:both;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */