@charset "utf-8";
/*****************************************************
contents.css
Last Modified: 2010-03-01
******************************************************/

/* Flair Contents
=========================================*/
/* product */
.product-top{
	min-height: 228px;
	background: url(../../images/product_bg01.jpg) no-repeat;
}
/* IE6 hacks */
* html .product-top{
	height: 228px;
}/* end hacks */

.product-top h1{
	padding: 12px 0 30px 15px;
}

.product-top .txt01{
	float: left;
	padding-left: 20px;
}

.product-top .txt02{
	float: left;
	padding-left: 21px;
	padding-top: 2px;
}

.product-top .txt02 p{
	padding-bottom: 15px;
}

.product-top .txt02 ul li{
	padding-left: 15px;
	background: url(../../images/product_ic01.gif) no-repeat 0 0.35em;
	color: #613f12;
}
/* IE6 hacks */
* html .product-top .txt02 ul li{
	zoom: 1;
}/* end hacks */

.products{
	padding-top: 22px;
	background: #fbf9ea url(../../images/product_bg02.gif) repeat-x 0 top;
}

.products .inner{
	padding-bottom: 3px;
	background: url(../../images/product_bg06.gif) repeat-x 0 bottom;
} 

.products .inner .title{
	text-align: center;
}

.products .inner .detail{
	padding: 0 32px 13px;
}

.green,
.yellow,
.pink{
	position: relative;
	width: 280px;
}

.green{
	float: left;
	margin-right: 10px;
	background: url(../../images/product_bg03.jpg) no-repeat;
}

.yellow{
	float: left;
	margin-right: 10px;
	background: url(../../images/product_bg04.jpg) no-repeat;
}

.pink{
	float: left;
	background: url(../../images/product_bg05.jpg) no-repeat;
}

.green .txt01,
.yellow .txt01,
.pink .txt01{
padding: 115px 0 0 107px;
}

.green .btn01,
.yellow .btn01,
.pink .btn01{
padding: 7px 0 0 165px;
}

.green .param,
.yellow .param,
.pink .param{
padding-top: 64px;
}

.caption{
	clear: both;
	padding-bottom: 20px;
	text-align: center;
}

.caption p img{
	padding-bottom: 5px;
}

.caption .note{
	color: #654316;
}

.products .inner .link-center {
	text-align: center;
}
.products .inner .link-center p{
	padding-top: 10px;
	padding-bottom: 17px;
	text-align: center;
}
.products .inner .link-center .two-column {
	margin: 0 auto;
}
.products .inner .link-center .two-column p.link01 {
	float: left;
}
.products .inner .link-center .two-column p.link02 {
	float: right;
}

.banner-area p{
	padding-top: 20px;
	text-align: center;
}

/* koukin_shiage, kahun */
.product-koukin-top,
.product-kahun-top{
	min-height: 46px;
	background: url(../../images/product_bg07.gif) no-repeat;
}
/* IE6 hacks */
* html .product-koukin-top,
* html .product-kahun-top{
	height: 46px;
}/* end hacks */

.product-koukin-top h1{
	padding: 12px 0 13px 15px;
}

.product-kahun-top h1{
	padding: 9px 0 13px 15px;
}

.introduction{
	background-color: #fbf9ea;
}

.introduction .inner{
	padding-bottom: 3px;
	background: url(../../images/product_bg06.gif) repeat-x 0 bottom;
	zoom: 1;
} 

.introduction .inner .title{
	text-align: center;
}

.introduction .inner .detail{
	padding: 0 32px 13px;
}

.introduction .inner .koukin{
	padding-left: 27px;
}

.two-column{
	clear: both;
	display: inline-block;
	width: 854px;
}
.two-column .col{
	float: left;
	margin-right: 20px;
}


/* cm */
.cm-top{
	background: url(../../images/cm_bg01.gif) no-repeat;
	zoom: 1;
}

.cm-top h1{
	padding: 8px 0 35px 15px;
}

.cm-top .column2{
	width: 925px;
	overflow: hidden;
}

.cm-top .column2 .inner{
	clear: both;
	width: 898px;
	padding-left: 27px;
	padding-bottom: 30px;
	background: url(../../images/cm_bg02.gif) repeat-x 0 bottom;
}

.cm-top .column2 .inner .col01,
.cm-top .column2 .inner .col02{
	float: left;
	width: 426px;
	margin-right: 23px;
	text-align: center;
}

.cm-top .column2 .inner .col01{
	padding-bottom: 16px;
	background: url(../../images/cm_bg04.gif) no-repeat 0 0;
}

.cm-top .column2 .inner .col02{
	padding-bottom: 16px;
	background: url(../../images/cm_bg05.gif) no-repeat 0 0;
}

.cm-top .column2 .inner .col01 dt,
.cm-top .column2 .inner .col02 dt{
	padding-top: 22px;
}

.cm-play{
	padding-top: 6px;
}
.cm-play02 {
	margin-top: 22px;
	text-align: center;
}

.cm-play ul{
	margin: 0 auto;
}

.cm-play ul.button01{
	width: 158px;
}

.cm-play ul.button02{
	width: 330px;
}

.cm-play ul li{
	float: left;
	margin-right: 14px;
}

.windows{
	margin-top: 10px;
}

.windows .inner{
	float: right;
}

.windows .inner .img01{
	float: left;
	padding-right: 10px;
}

.windows .inner .txt01{
	float: left;
	color: #654316;
	font-size: 75%;
}

.cm-column{
	clear: both;
	width: 887px;
	padding-left: 38px;
	padding-bottom: 30px;
	background: #fbf9ea url(../../images/cm_bg02.gif) repeat-x 0 bottom;
}
.cm-column .inner{
	width: 848px;
	padding-bottom: 18px;
	background: url(../../images/cm_bg07.gif) no-repeat 0 0;
}
.cm-column .inner .title{
	padding: 40px 0 0 229px;
}




/* darling */
.special{
	width: 885px;
	margin: 0 auto;
}

.special .special-top{
	background: url(../../darling/images/index_bg01.gif) no-repeat;
}

.special .special-top p{
	padding: 13px 0 3px 139px;
}
.special .special-top h1{
	float: left;
	padding-left: 135px;
}

.special .special-top .tablink{
	float: right;
	width: 380px;
	padding: 49px 7px 0 0;
}

.special .special-top .tablink li{
	float: left;
}


.special .special-top .tablink li a,
.special .special-top .tablink li span{
	display: block;
	height: 53px;
	overflow: hidden;
	text-indent: -9999px;
}

.special .special-top .tablink li#sptop a{
	width: 190px;
	background: url(../../darling/images/darlingnavi_bt01.gif) no-repeat;
}

.special .special-top .tablink li#sptop a.last{
	background: url(../../darling/images/darlingnavi_bt01on.gif) no-repeat;
}

.special .special-top .tablink li#sptop a:hover,
.special .special-top .tablink li#sptop a:active{
	background: url(../../darling/images/darlingnavi_bt01on.gif) no-repeat;
}

.special .special-top .tablink li#wpdl a{
	width: 190px;
	background: url(../../darling/images/darlingnavi_bt02.gif) no-repeat;
}

.special .special-top .tablink li#wpdl a:hover,
.special .special-top .tablink li#wpdl a:active{
	background: url(../../darling/images/darlingnavi_bt02on.gif) no-repeat;
}

.special .special-top .tablink li#sptop span{
	width: 190px;
	background: url(../../darling/images/darlingnavi_bt01on.gif) no-repeat;
}

.special .special-top .tablink li#wpdl span{
	width: 190px;
	background: url(../../darling/images/darlingnavi_bt02on.gif) no-repeat;
}

.special .special-inner{
	background: url(../../darling/images/index_bg02.gif) repeat-y;
}

.special .special-inner .inner{
	padding: 20px 36px 32px 40px;
	background: url(../../darling/images/index_bg03.gif) no-repeat 0 bottom;
}

.special .special-inner .inner #flash-contents{
	margin-bottom: 20px;
}
.special .special-inner .inner #flash-contents .noflash{
	padding: 10px 0 0 0;
	text-align: center;
}

.special .special-inner .inner .links p.wp{
	float: left;
}

.special .special-inner .inner .links p.mv{
	float: right;
}


/* kabegami */
.special .special-inner .inner-wp{
	padding: 19px 30px 31px 30px;
	background: url(../../darling/images/index_bg03.gif) no-repeat 0 bottom;
}
/* IE6 hacks */
* html .special .special-inner .inner-wp{
	zoom: 1;
}/* end hacks */
/* IE7 hacks */
*:first-child+html .special .special-inner .inner-wp{
	zoom:1;
}/* end hacks */


.special .special-inner .inner-wp .title{
	padding-bottom: 11px;
}

.special .special-inner .inner-wp .download-area{
	width: 787px;
	padding: 16px 18px 20px 20px;
	margin-bottom: 20px;
	background: url(../../darling/kabegami/images/index_bg01.gif) no-repeat;
	overflow: hidden;
}

.special .special-inner .inner-wp .download-area .download{
	width: 826px;
	padding-bottom: 30px;
}


.special .special-inner .inner-wp .download-area .download .title{
	padding-bottom: 7px;
}

.special .special-inner .inner-wp .download-area .download .block{
	float: left;
	width: 413px;
}

.special .special-inner .inner-wp .download-area .download .block .wpimg{
	float: left;
	width: 200px;
	margin-right: 10px;
}

.special .special-inner .inner-wp .download-area .download .block .wpbtn{
	float: left;
	width: 164px;
}

.special .special-inner .inner-wp .download-area .download .block .wpbtn .os{
	padding: 0 0 11px 5px;
}

.special .special-inner .inner-wp .download-area .download .block .wpbtn .sizebtn li{
	padding-bottom: 3px;
}

.special .special-inner .inner-wp .howto{
	clear: both;
	padding-top: 10px;
	background: url(../../darling/kabegami/images/index_bg04.gif) no-repeat 0 top;
}

.special .special-inner .inner-wp .howto .inner{
	padding: 10px 20px 20px;
	background: #FFFFFF url(../../darling/kabegami/images/index_bg05.gif) no-repeat 0 bottom;
}

.special .special-inner .inner-wp .howto .inner .title{
	padding: 0 0 11px 3px;
	margin-bottom: 21px;
	background: url(../../darling/kabegami/images/index_bg02.gif) repeat-x 0 bottom;
}

.special .special-inner .inner-wp .howto .inner .w-user,
.special .special-inner .inner-wp .howto .inner .m-user,
.special .special-inner .inner-wp .howto .inner .other{
	clear: both;
	width: 770px;
	margin-left: 15px;
}

.special .special-inner .inner-wp .howto .inner .line01{
	clear: both;
	margin: 0 10px 18px;
	padding-bottom: 4px;
	background: url(../../darling/kabegami/images/index_bg03.gif) repeat-x;	
}
/* IE6 hacks */
* html .special .special-inner .inner-wp .howto .inner .line01{
	zoom: 1;
}/* end hacks */
/* IE7 hacks */
*:first-child+html .special .special-inner .inner-wp .howto .inner .line01{
	zoom:1;
}/* end hacks */

.special .special-inner .inner-wp .howto .inner .w-user{
	padding-bottom: 19px;
}

.special .special-inner .inner-wp .howto .inner .m-user{
	padding-bottom: 19px;
}

.special .special-inner .inner-wp .howto .inner .w-user dt,
.special .special-inner .inner-wp .howto .inner .m-user dt,
.special .special-inner .inner-wp .howto .inner .other dt{
	float: left;
	margin-right: 19px;
}

.special .special-inner .inner-wp .howto .inner .w-user dd,
.special .special-inner .inner-wp .howto .inner .m-user dd,
.special .special-inner .inner-wp .howto .inner .other dd{
	float: left;
	width: 615px;
}


/* Parts
=========================================*/
.pageup{
	clear: both;
	margin-top: 30px;
}

.pageup p{
	float: right;
}

.pageup p a{
	display: block;
	width: 65px;
	height: 19px;
	background: url(../images/com_bt01.gif) no-repeat;
	text-indent: -9999px;
}

.importance01{
	font-weight: bold;
}

.importance02{
	color: #ff0000;
}

.element-t00{
	padding-top: 0px;
}

.element-t10{
	margin-top: 10px;
}

.element-b00{
	padding-bottom: 0px !important;
}

.element-b10{
	padding-bottom: 10px;
}

.element-b20{
	padding-bottom: 20px;
}

.element-mr00{
	margin-right: 0 !important;
}

.text-center{
	text-align: center;
}



/*99: clearfix
=========================================*/
.products .inner .detail:after,
.two-column:after,
.cm-top .inner:after,
.cm-play ul:after,
.windows:after,
.special-top:after,
.special .special-inner .inner .links:after,
.special .special-inner .inner-wp .download-area .download:after,
.special .special-inner .inner-wp .howto .inner .w-user:after,
.special .special-inner .inner-wp .howto .inner .m-user:after,
.special .special-inner .inner-wp .howto .inner .other:after,
.pageup:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}

* html .products .inner .detail,
* html .two-column,
* html .cm-top .inner,
* html .cm-play ul,
* html .windows,
* html .special-top,
* html .special .special-inner .inner .links,
* html .special .special-inner .inner-wp .download-area .download,
* html .special .special-inner .inner-wp .howto .inner .w-user,
* html .special .special-inner .inner-wp .howto .inner .m-user,
* html .special .special-inner .inner-wp .howto .inner .other,
* html .pageup{ /* IE6 hack */
 zoom: 1; 
}

*:first-child+html .products .inner .detail,
*:first-child+html .two-column,
*:first-child+html .cm-top .inner,
*:first-child+html .cm-play ul,
*:first-child+html .windows,
*:first-child+html .special-top,
*:first-child+html .special .special-inner .inner .links,
*:first-child+html .special .special-inner .inner-wp .download-area .download,
*:first-child+html .special .special-inner .inner-wp .howto .inner .w-user,
*:first-child+html .special .special-inner .inner-wp .howto .inner .m-user,
*:first-child+html .special .special-inner .inner-wp .howto .inner .other,
*:first-child+html .pageup{ /* IE7 hack */  
 zoom: 1; 
}