@charset "utf-8";


/* =====================================================================
*
*    soleil.css INDEX
*
*    // SOLEIL シリーズのスタイル
*
*
*    0. Common
*
*    1. Top
*
*    2. SOLEIL
*       2.0. Blog Parts
*       2.1. Interview
*
*    3. Side Contents
*
* =================================================================== */


/* =====================================================================
*
*    0. Common
*
* =================================================================== */

body.ind #line #iconAbout {
	background: url(../images/line_info.jpg) no-repeat;
}

.panel .ptopHeadSO {
	width: 674px;
	height: 41px;
	padding: 1px 20px 0 20px;
	overflow: hidden;
	background: url(../../../common/images/so/col_base_top.png) no-repeat;
}

body.ind #line .unit .detail .type {
	color: #EC284D;
}


/* ------------------------------------------------------------------ */
/*                                                                    */
/* ! Header */
/*                                                                    */
/* ------------------------------------------------------------------ */

body.so #header .catch {
	position: relative;
}

body.so #header .catchCont {
	width: 714px;
	height: 248px;
	text-align: right;
}

#catch1 {
	position: absolute;
	left: 0;
	top: 0;
}

#catch2 {
	position: absolute;
	left: 431px;
	top: 0;
}

#catch3 {
	position: absolute;
	left: 278px;
	top: 30px;
}



/* =====================================================================
*
*    1. Top
*
* =================================================================== */

#lineupTable .pagettl .desc {
	color: #D8C59A;
	text-shadow: 0 1px 0 #230401;
}

#lineupTable h1 {
	background: url(../images/ttl.png) no-repeat;
}

#lineupTable table.container {
	background: url(../images/table_bg.png) no-repeat;
}


/* =====================================================================
*
*    2. SOLEIL
*
* =================================================================== */

body.so #mainCont {
	margin-top: 27px;
}

body.so #line h2 {
	float: left;
	width: 122px;
	height: 41px;
	background: url(../images/line_panel_ttl.jpg) no-repeat;
}

#line #luSo1 h3 { width: 177px; background: url(../images/line_ttl3.jpg) no-repeat; }
#line #luSo2 h3 { width: 152px; background: url(../images/line_ttl1.jpg) no-repeat; }
#line #luSo3 h3 { width: 162px; background: url(../images/line_ttl2.jpg) no-repeat; }
#line #luSo4 h3 { width: 240px; background: url(../images/line_ttl4.jpg) no-repeat; }


/* ------------------------------------------------------------------ */
/* ! ソワン ソレイユ */
/* ------------------------------------------------------------------ */

#luSo4 .detailBox {
	margin-bottom: 34px;
}

#luSo4 .featBox {
	clear: both;
	width: 674px;
}

#luSo4 .featBox .container {
	width: 674px;
	background: url(../images/feat_bg_mid1.jpg) repeat-y;
}

#luSo4 .featBox .cont {
	width: 674px;
	padding: 0 0 50px 0;
	background: url(../images/line_feat4_bg_btm.jpg) left bottom no-repeat;
}

#luSo4 .featBox .box {
	width: 674px;
	padding: 17px 0 0 0;
	background: url(../images/feat_bg_top.jpg) no-repeat;
}

#luSo4 .featBox h4 {
	margin: 0 23px 10px 23px;
}

#luSo4 .featBox .catchText {
	margin: 0 23px 17px 23px;
}

#luSo4 .feat-figBox {
	width: 674px;
	background: url(../images/line_feat4_bg_mid2.jpg) repeat-y;
}

#luSo4 .feat-figBox .cont {
	width: 628px;
	padding: 13px 23px 8px 23px;
	background: url(../images/line_feat4_bg_top2.jpg) left top no-repeat;
}

#luSo4 .figBoxL {
	position: relative;
	float: left;
	width: 394px;
	padding-right: 41px;
	background: url(../images/feat_plus.gif) right 89px no-repeat;
}

#luSo4 .figBoxR {
	float: right;
	width: 174px;
}

#luSo4 .featBox h5 {
	margin-top: 4px;
	margin-bottom: 11px;
}

#luSo4 .featBox .boxL {
	width: 174px;
	float: left;
	padding: 0 34px 0 0;
	background: url(../images/feat_plus.gif) right 54px no-repeat;
}

#luSo4 .featBox .boxR {
	width: 174px;
	float: right;
}

#luSo4 .featBox h6 {
	color: #00BEF3;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#luSo4 .featBox .subdsc {
	color: #00BEF3;
}

#luSo4 .featBox .desc {
	height: 58px;
	background: url(../images/line_feat4_desc.gif) center center no-repeat;
}


/* ---------------------------------------------------------------------
*
*    2.1. Interview
*
* ------------------------------------------------------------------- */

body.interview #mainCont {
	margin-top: 0;
}

body.interview h1 {
	height: 56px;
	background: url(../images/ttl.png) no-repeat;
}

#int .ptopHeadSO p {
	height: 41px;
	background: url(../images/int_subttl.jpg) no-repeat;
}

#int .pmid { width: 708px; padding: 27px 3px 22px 3px; }

#int h2 {
	width: 674px;
	height: 286px;
	background: url(../images/int_ttl.jpg) no-repeat;
}

#int .cont {
	padding: 0 17px;
	margin-bottom: 27px;
}

#int #desc {
	height: 58px;
	margin: 0 0 34px 0;
	background: url(../images/int_desc.gif) no-repeat;
}

#int #intBtn1 { margin-right: 12px; }

#int .section { padding: 0 17px 27px 17px;}

#int .section p {
	line-height: 195%;
	padding: 10px 0 7px 0;
}

#int .section strong {
	color: #EC284D;
	font-weight: normal;
}

#int .section img.floatL {
	float: left;
	margin: 7px 17px 17px 0;
}

#int .section img.floatR {
	float: right;
	margin: 7px 0 17px 17px;
}


/* ---------------------------------
*    Sec1
*/

#int #sec1 {
	padding-top: 28px;
	background: url(../../../common/images/bdr_panel.jpg) no-repeat;
}

#int #section0 h4 {
	padding: 17px 0 10px 17px;
}

#int #section0 .headCont {
	width: 674px;
	margin: 0 0 27px 0;
}

#int #section0 .desc {
	height: 59px;
	margin: 0 0 13px 0;
	background: url(../images/int_sec1_desc.gif) no-repeat;
}

#int #section1 h3 {
	width: 364px;
	height: 56px;
	margin-bottom: 17px;
	background: url(../images/int_sec1_catchtxt1.jpg) no-repeat;
}

#int #section2 {
	width: 674px;
}

#int #section2 h3 {
	width: 424px;
	height: 50px;
	margin-bottom: 17px;
	background: url(../images/int_sec1_catchtxt2.jpg) no-repeat;
}

#int #prodImg {
	float: left;
	margin: 96px 0 0 0;
}

#int #section3 {
	float: right;
	width: 392px;
}

#int #section3 h3#section3-1 {
	width: 316px;
	height: 50px;
	margin-bottom: 17px;
	background: url(../images/int_sec1_catchtxt3.jpg) no-repeat;
}

#int #section3 h3#section3-2 {
	width: 307px;
	height: 49px;
	margin: 27px 0 17px 0;
	background: url(../images/int_sec1_catchtxt4.jpg) no-repeat;
}

#int #section4 {
	padding-bottom: 0;
}

#int #section4 h3 {
	width: 277px;
	height: 41px;
	margin: 17px 0 17px 0;
	background: url(../images/int_sec1_catchtxt5.jpg) no-repeat;
}

#int #section4 img.floatR {
	margin-top: -7px;
}

#sec1 .g2t { padding-bottom: 10px; }


/* ---------------------------------
*    Sec2
*/

#int .ptop {
	margin-top: 28px;
}

#sec2 .cont .desc {
	float: left;
	width: 371px;
	height: 132px;
	margin: 27px 0 0 0;
	background: url(../images/int_sec2_desc.gif) no-repeat;
}

#sec2 .cont .note {
	float: right;
	width: 252px;
	margin: 27px 0 17px 0;
}

#sec2 .cont .note p { color: #497288; margin: 0 0 10px 0; }
#sec2 .cont .note img { margin-bottom: 10px; }

#sec2 .section span { color: #EC284D; font-weight: bold; }

#int #section5 h3 {
	width: 379px;
	height: 97px;
	margin-bottom: 17px;
	background: url(../images/int_sec2_catchtxt1.jpg) no-repeat;
}

#int #section5 .secImg { margin-top: -7px; }

#int #section6 h3 {
	width: 324px;
	height: 71px;
	margin: 10px 0 17px 0;
	background: url(../images/int_sec2_catchtxt2.jpg) no-repeat;
}

#int #section6 .secImg { margin-top: -7px; }

#int #section7 h3 {
	width: 317px;
	height: 69px;
	margin: 37px 0 17px 0;
	background: url(../images/int_sec2_catchtxt3.jpg) no-repeat;
}

#int #section8 { padding-bottom: 0; }


/* =====================================================================
*
*    3. Side Contents
*
* =================================================================== */

body.ind #sideCont {
	margin-top: 44px;
}

body.interview #sideCont {
	margin-top: 21px;
}

#sideCont h5#intlist {
	line-height: 1em;
	height: 1em;
	padding-bottom: 17px;
}