@charset "utf-8";
/******************************************************************************
about
******************************************************************************/

/* navi
-----------------------------------------------------------------------------*/

#navi{
	background:url(../img/cmn/side/navi2.png) left top no-repeat;
}

body.index #navi .navi-index,
body.fan #navi .navi-fan,
body.structure #navi .navi-structure,
body.flow #navi .navi-structure,
body.types #navi .navi-types{
	background:url(../img/cmn/side/navi_hover.gif) center bottom no-repeat;
}

/* 共通
-----------------------------------------------------------------------------*/

#contents h1,
#contents h2,
#contents .lead{
	float:right;
}

#contents #column{
	padding:50px 0 0 0;
	float:right;
}

#contents #column .msk-top{
	width:100%;
	height:60px;
	background:url(../img/cmn/contents/msk-top.png) left top repeat-x;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

#contents #column .msk-btm{
	width:100%;
	height:60px;
	background:url(../img/cmn/contents/msk-btm.png) left bottom repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	z-index:9998;
}



/******************************************************************************
index
******************************************************************************/

body.index #all{
	background:url(../img/about/main.jpg) 30px bottom no-repeat;
}

body.index #logo a{
	background:url(../img/cmn/contents/logo.png) left top no-repeat;
}

body.index #contents h2{
	padding:50px 0 0 36px;
}

body.index #contents .lead{
	padding:50px 0 0 86px;
}

body.index #contents #column{
	width:250px;
}

body.index #contents #column .block{
	padding:35px 12px 35px 0;
}

body.index #contents #column .block p{
	float:right;
}

body.index #contents #column .block p.center{
	padding:0 45px;
}

/******************************************************************************
fan
******************************************************************************/

body.fan #contents h2{
	padding:50px 0 0 20px;
}

body.fan #contents #column{
	width:560px;
	position:relative;
	padding:0;
}

body.fan #contents #column-in{
	padding:60px 45px 0 0;
}

body.fan #contents .item{
	margin:0 0 70px 0;
	float:left;
	width:300px;
}

body.fan #contents .photo{
	margin:0 0 70px 0;
	float:left;
	width:200px;
}

body.fan #contents .item h3{
	float:right;
	padding:0 0 0 24px;
}

body.fan #contents .item p{
	float:right;
}

/******************************************************************************
structure
******************************************************************************/

body.structure #contents h2{
	padding:50px 0 0 60px;
}

body.structure #contents #column{
	height:560px;
	position:relative;
}

body.structure #contents #column .bt-flow{
	position:absolute;
	left:0;
	bottom:0;
}

/******************************************************************************
flow
******************************************************************************/

body.flow #contents{
}

body.flow #contents h2{
	padding:50px 0 0 20px;
}

body.flow #contents h3{
	float:right;
	padding:0 0 0 25px;
}

body.flow #contents #column{
	width:565px;
	position:relative;
	padding:0;
}

body.flow #contents #column-in{
	padding:60px 45px 0 0;
}

body.flow #contents #column ol{
	padding:18px 0 70px 0;
}

body.flow #contents #column ol.pd-01{
	padding:0 0 50px 0;
}

body.flow #contents #column ol.pd-02{
	padding:0 43px 70px 0;
}

body.flow #contents #column ol li{
	float:right;
	margin:0 0 0 18px;
}

body.flow #contents #column ol li.last{
	margin:0;
}

body.flow #contents #column ol li span{
	float:right;
	display:block;
}

body.flow #contents #column .photo{
	padding:25px 20px 0 0;
}

body.flow #contents #column .photo2{
	padding:25px 0 0 20px;
}

body.flow #contents .btn{
	position:absolute;
	left:0;
	bottom:60px;
}

/******************************************************************************
types
******************************************************************************/

body.types #contents h2{
	padding:50px 0 0 20px;
}

body.types #contents #column{
	width:560px;
	position:relative;
	padding:0;
}

body.types #contents #column-in{
	padding:60px 45px 0 0;
}

body.types #contents .item{
	margin:0 0 70px 0;
	width:200px;
	float:left;
}

body.types #contents .photo{
	width:200px;
	float:left;
}


body.types #contents .item h3{
	float:right;
	padding:0 0 0 24px;
}

body.types #contents .item p{
	float:right;
}