@charset "shift_jis";

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

Name: sp01.css
Create: 2013.05.31

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


/*------ユーティリティユニット-----*/

div.spUtlyUnit {
	width:230px;
	margin-bottom:15px;
}

div.spUtlyUnit img{
	margin-bottom:1px;
	vertical-align:top;
}


/*------オリジナルページタイトル-----*/


#PageTitleStyleSP{
	margin-bottom:20px;
}

#PageTitleStyleSP h1{
	margin:0 0 20px 0;
	font-size:150%;
}

#PageTitleStyleSP h1 span.subtitle{
	font-size:70%;
}



#PageTitleStyleSP p{
	display:block;
	font-size:83%;
	font-weight:bold;
	line-height:130%;
	color:#333;
	margin-bottom:20px;
}

#PageTitleStyleSP p.cap{
	margin-top:10px;
	font-size:72%;
	font-weight: normal;
	line-height:130%;
	color:#333;
}

div.p01{
	background-image: url(../../images/peak_time/ttlback.jpg);
	background-position:350px top;
	background-repeat:no-repeat;
	min-height:200px;
}

div.p02{
	background-image: url(../../images/cost/ttlback.jpg);
	background-position:350px top;
	background-repeat:no-repeat;
	min-height:400px;
}

* html div.p02{
	height:400px;
}

div.p03{
	background-image: url(../../images/environment/ttlback.jpg);
	background-position:350px top;
	background-repeat:no-repeat;
	min-height:380px;
}

* html div.p03{
	height:380px;
}


/*------ページ内リンクセット01-----*/


ul#inPageLinkSet{
	margin-bottom:30px;	
}

ul#inPageLinkSet li{
	margin-right: 10px;
	float:left;
	margin-bottom:10px;	
}

ul#inPageLinkSet li.last{
	margin-right: 0;
}






/*------オリジナル見出し-----*/

h2.sp01{
	border:none;
	margin-bottom:20px;
}

h2.sp02{
	border:none;
	border-bottom:#ff9933 5px solid;
	background:url(../bg_h2_01.gif) 0 -4px no-repeat;
	margin-bottom:20px;
	padding: 13px 6px 12px 48px;
}

h3.sp01{
	color:#F00;
	border-bottom: none;
	line-height:130%;
}


/*--------------------画像ページ内リンク-----------------------------------*/

ul.sp-inpagelink{
	margin-bottom:20px;	
}

ul.sp-inpagelink li{
	float:left;
}

/*------各マージン・パッディング調整-----*/

.ml10 {
	margin-left:10px;
}

.ml20 {
	margin-left:20px;
}

.ml30 {
	margin-left:30px;
}

.ml40 {
	margin-left:40px;
}


.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top:20px;
}

.mt30 {
	margin-top:30px;
}

.mt40 {
	margin-top:40px;
}

.mt50 {
	margin-top:50px;
}


.mb10 {
	margin-bottom:4px !important;
}