/* layout.css 2012.09.04 */

/*=====================目次=====================
　インテリアパーツダウンロードのCSSです。

　最終更新日：2012/09/04
　1.トップページ
　1-1.ログイン
　1-2.インストール案内
　2.下層ページ
==============================================*/

/*// ClearFix ///*/

div,
 {  
	display: inline-block; 
	zoom: 100%;  
}

/*// ClearFix ///*/
div:after,
ul:after
{  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

/*// 見出し ///*/

H1 {
	margin: 20px 0px;
	text-align:center;
	}
H1.Products {
	background:#9C6F69;
	color:#fff;
	margin: 20px 0px;
	text-align:center;
	font-size:120%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px;
	font-weight:normal;
	}

.ContentInner h2{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:960px;
	height:40px;
	margin:20px 0 15px 0;
	padding:11px 0 7px 10px;
	color:#FFFFFF;
	background:url("/parts_download/interior_parts/img/subt_bc.jpg") no-repeat;
}
.ContentInner h3{
	margin:20px 15px 15px 15px;
	padding:5px 0 5px 10px;
	color:#490404;
	background:#e7e6e2;
}

/*// 文字サイズ ///*/
	.ContentInner p,
	.ContentInner ul li,
	.ContentInner ol li{
	font-size:85%;
}

/*// HTML初期化 ///*/
img {
	vertical-align:bottom;
}

/* イベントページ用 ボックス設定（width:960px） */
#Outline {
	background:#fff;
}
#MainAreaEvent {
	width: 960px;
	margin: 0 auto 20px;
	text-align: left;
	clear: both;
}
#MainAreaEvent div.Contents, #MainAreaEvent div.ContentInner {
	width: 960px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#MainAreaEvent div.ContentInner {
	background:#fff;
}
#MainAreaEvent .Section {
	width: 960px;
	margin: 0;
	padding:0;
	clear: both;
}

.ContentInner p{
	letter-spacing:0.1em;
	margin:20px 40px;
}

.ContentInner ul{
	line-height:150%;
	letter-spacing:0.1em;
	margin:20px 40px;
}

.ContentInner p.att{
	line-height:150%;
	letter-spacing:0.1em;
	font-size:80%;
	color:#5D3B3A;
}
/*===========================
■1.トップページ
============================*/
.ContentInner.toppage h2{
	margin:20px 0 15px 0;
	background:none;
	padding:0;
	border:none;
}

.user ul{
	float:left;
	width:500px;
}


/*===========================
■1-1.ログイン
============================*/

/* 使用許諾枠 */
DIV.area_rule {
	float:center;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 20px 0px 30px 0px;
	padding: 10px 10px 0px 10px;
	text-align:left;
	width: 658px;
	font-size:80%;
}


/* ログイン枠 */
DIV.area_login_input {
	float:center;
	background-color: #F0EDE1;
	margin: 0px 50px 10px 50px;
	padding: 20px;
	text-align:center;
	width: 800px;
}
DIV.area_login_input .check {
	text-align:center;
	font-size:85%;
	color:#666;
}
DIV.area_login_input input.lice {
	width: 50px;
	height:20px;
}
DIV.area_login_input P.Products {
	background-color: #AF8732;
	color:#FFF;
	font-size:80%;
	font-weight:bold;
	padding: 5px;
}

/* ボタン 余白 */
.bt {
	margin: 0px 0px 10px 0px;
	padding-left: 5px;
	padding-right: 5px;
}

/* 戻るリンク */
P.backpage  {
	margin: 30px 0px;
	text-align: center;
}

/* パーツダウンロード導入文 */
div.toptxt {
	margin: 0 40px;
	width: 600px;
}


/*===========================
■2.下層ページ
============================*/

DIV.Box{
	width:980px;
	margin:10px;
}

DIV.Box h3{
	background:#F0EDE1;
	padding:5px;
	font-size:95%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:5px 0;
}
DIV.Box DIV.LeftBox{
	font-size:85%;
	float:left;
	width:510px;
	clear:both;
	line-height:150%;
	letter-spacing:0.05em;
}
DIV.Box DIV.RightBox{
	float:right;
	width:450px;
}

ul.inst li .attention{
	margin:10px 0 0 0;
	font-size:100%;
}

/*-------------------------
 ダウンロードエリア
--------------------------*/
div.area_login_input p em{
	color:#333;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
}
div.area_login_input img{
	margin-bottom:10px;
}

div.area_login_input a.txt {
    background: url("/parts_download/asian2011/img/ar_orange.gif") no-repeat scroll left top transparent;
    display: inline-block;
    font-style: normal;
    padding-left: 17px;
}