@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 author     :Lyon
 style info :indexページ用CSS
=================================================================== */

/* h2 共通的な・・・
-------------------------------*/
h2 {
	width:504px;
	height:64px;
}

h3 {
	margin-top:20px;
}

h2 span {
}

/* top変更 中下部分
-------------------------------*/
.scinfoback{
	background-color:#fffafe;
	padding:8px 0 0 0;
	margin:4px 0;
	clear:both;
}

.blue .scinfoback{
	background-color:#fafeff;
}

.yellow .scinfoback{
	background-color:#fef9f3;
}


/*fffafe*/

#article .scbox p{
	margin:0;
	padding:0;
		
}

/* top変更 中下部分全体box、タイトル
-------------------------------*/






.index #article .sccontbox{
}


#article .scbox {
	margin:0 auto;
	width:450px;
	padding:10px 0 10px 0;
	margin-bottom:10px;
	background:url(../img/index/article/back-dot-p.gif) no-repeat bottom;
	clear:both;
}

.blue #article .scbox {
	background:url(../img/index/article/back-dot-b.gif) no-repeat bottom;
}

.yellow #article .scbox {
	background:url(../img/index/article/back-dot-y.gif) no-repeat bottom;
}



#article .scbox div.scboxtext{
	width:370px;
	float:right;
}



/* top変更 中下部分SC名
-------------------------------*/

#article div.left{
	float:left;
	padding-left:7px;	
	text-align:left;
	margin-bottom:10px;
		
}

#article .scbox div.left{
	background:url(../img/index/article/back-p-left.gif) no-repeat left;		
}

.blue #article .scbox div.left{
	background:url(../img/index/article/back-b-left.gif) no-repeat left;		
}

.yellow #article .scbox div.left{
	background:url(../img/index/article/back-y-left.gif) no-repeat left;		
}

#article .scbox div.right{
	padding-right:7px;
	text-align:left;
	height:24px;
	line-height:24px;
	_float:left;
}

#article .scbox div.right{
	background:url(../img/index/article/back-p-right.gif) no-repeat right;
}

.blue #article .scbox div.right{
	background:url(../img/index/article/back-b-right.gif) no-repeat right;
}

.yellow #article .scbox div.right{
	background:url(../img/index/article/back-y-right.gif) no-repeat right;
}

#article .scbox h4{
	text-align:left;
	color:#FFFFFF;
	height:24px;
	line-height:24px;
	font-weight:bold;
	background-color:#ffacd8;
	_float:left;
}


.blue #article .scbox h4{
	background-color:#5bd3fb;
}

.yellow #article .scbox h4{
	background-color:#ffb923;
}


/* top変更 中下部分 中
-------------------------------*/

#article .scbox h5{
	clear:both;
	display:block;
	text-align:left;
	text-indent:14px;
	line-height:16px;
	witdh:350px;
	background:url(../img/index/article/allow-p.gif) no-repeat 0px 1px;
}

.blue #article .scbox h5{
	background:url(../img/index/article/allow-b.gif) no-repeat 0px 1px;
}

.yellow #article .scbox h5{
	background:url(../img/index/article/allow-y.gif) no-repeat 0px 1px;
}

#article .scbox p.limit{
	clear:both;
	display:block;
	witdh:350px;
	text-align:left;
	line-height:14px;
	padding-top:3px;
}

#article .scbox p.limit_2l{
	clear:both;
	display:block;
	witdh:350px;
	text-align:left;
	height:24px;
	line-height:12px;
	padding-top:3px;
}

#article .scbox p.sctext{
	clear:both;
	text-align:left;
}

#article .scbox p.btnlinkdetails{
	clear:both;
	text-align:right;
}

#article .scbox p.icon{
	float:left;
	padding:2px;
	border:#e6e6e6 solid 2px;
}

#article .btnlinkother{
	text-align:right;
	clear:both;
}

.gotop{
	text-align:right;
}

/*#article .scbox .box_topbot{
	line-height:2em;
}*/

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

.clearfix {
	display: inline-block; /*for IE7*/
}

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