@charset "UTF-8";
/*
----------------------------------------------------
FOR www.ic-lando.co.jp
updated: November 11,2008
modified: February 19,2010
---------------------------------------------------- */

/* ↓added 2010.2.19*/

div#feature-02 div#maker-05{
	background: url(../../img/user/home/btn_maker05.jpg) left top no-repeat;
}
div#feature-02 div#maker-05 a:hover{
	background: url(../../img/user/home/btn_maker05_on.jpg) left top no-repeat;
}


/* ↓added 2009.7.22*/

div#feature-webshop {
	padding-bottom: 1.1em;
	background: #fff url(../../img/user/home/bg_left_block.jpg) left bottom no-repeat;
}

div#feature-01 {
	padding-bottom: 1em;
}

div#feature-03 {
	margin-bottom: 1.2em;
}

div#feature-webshop h2{
	position: relative;
	width: 560px;
	height: 64px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h2_webshop.jpg) left top no-repeat;
}

div#feature-webshop h2 a {
	position: absolute;
	left: 453px;
	top: 30px;
	width: 85px;
	height: 18px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: #fff url(../../img/user/home/btn_goToWebshop.jpg) left -18px no-repeat;	
}

div#feature-webshop h2 a:hover {
	background: #fff url(../../img/user/home/btn_goToWebshop.jpg) left 0 no-repeat;	
}

div#feature-webshop h3#h3-webshop-01{
	width: 560px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h3_webshop_01.jpg) left top no-repeat;
}


#home div.form-floatblock {
	margin: 0.6em 0 0 20px;
	padding: 0;
}

div#feature-webshop div.form-floatblock {
	margin: 0.5em 0 0 20px;
	padding: 0;
}

.feature-webshop-wrapper {
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/*\*//*/
	overflow: hidden;
	/**/
}

.feature-webshop-wrapper:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.feature-webshop-wrapper {
	width: 540px;
	margin-left: 20px;
	padding-top: 5px;
}

.feature-webshop-wrapper h3#h3-webshop-02 {
	float: left;
	width: 86px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h3_webshop_02.jpg) left top no-repeat;
}

.feature-webshop-wrapper ul#maker-directory-nav {
	float: left;
	width: 454px;
}

.feature-webshop-wrapper ul#maker-directory-nav li {
	float: left;
	height: 64px;
	text-indent: -9999px;
	overflow: hidden;
}

.feature-webshop-wrapper ul#maker-directory-nav li#md-01 {
	width: 154px;
	background: url(../../img/user/home/btn_webshop_md_01.jpg) left top no-repeat;
}

.feature-webshop-wrapper ul#maker-directory-nav li#md-02 {
	width: 154px;
	background: url(../../img/user/home/btn_webshop_md_02.jpg) left top no-repeat;
}

.feature-webshop-wrapper ul#maker-directory-nav li#md-01 a {
	display: block;
	text-decoration: none;
	width: 154px;
	height: 64px;
}

.feature-webshop-wrapper ul#maker-directory-nav li#md-02 a {
	display: block;
	text-decoration: none;
	width: 154px;
	height: 64px;
}

.feature-webshop-wrapper ul#maker-directory-nav li#md-01 a:hover {
	background: url(../../img/user/home/btn_webshop_md_01_on.jpg) left top no-repeat;
}

.feature-webshop-wrapper ul#maker-directory-nav li#md-02 a:hover {
	background: url(../../img/user/home/btn_webshop_md_02_on.jpg) left top no-repeat;
}


/* ↑added 2009.7.22*/








/* -----------------------------------
	#site-id 
----------------------------------- */

#header-area h1#site-id {
	float: left;
	width: 200px;
	height: 60px;
	margin: 24px 0 0 0;
	padding: 0;
}

#header-area h1#site-id img{
	display: block;
}

/* -----------------------------------
	#cover
----------------------------------- */

#home div#cover {
	position: relative;
	z-index: 500;
	width: 880px;
	height: 220px;
	margin: 11px 15px 20px;
	background: url(../../img/user/home/cover.jpg) left top no-repeat;
}

#home div#cover h2{
	height: 0;
	overflow: hidden;
	display: none;
}

#home div#cover h3{
	height: 0;
	overflow: hidden;
	display: none;
}



/* -----------------------------------
	#contents-area
----------------------------------- */

#home div#contents-area {
	width: 865px;
	margin: 0 0 34px 30px;
	/*margin-bottomは再考の必要あり*/
	padding: 0;
	background: #fff;
}

#home div#contents-body {
	float: left;
	width: 560px;
	margin: 0;
	padding: 0;
	background: #fff;
}

#home div#side-area {
	margin: 0;
	padding: 0;
	float: right;
	width: 285px;
	background: #fff;
}


/* -----------------------------------
	#contents-body
----------------------------------- */

#home div#contents-body h2#home-h2-02{
	width: 455px;
	height: 23px;
	font-size: 93%;
	margin: 7px 0 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h2_02.gif) left top no-repeat;
}

#home div#contents-body p.lead{
	font-size: 93%;
	color: #666;
	margin-bottom: 20px;
}

div.left-block {
	margin-bottom: 22px;
}

div#feature-01,
div#feature-03 {
	padding-bottom: 1.5em;
	background: #fff url(../../img/user/home/bg_left_block.jpg) left bottom no-repeat;
}

/*feature-01*/

div#feature-01 h2{
	width: 560px;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h2_03.jpg) left top no-repeat;
}

div#feature-01 h3{
	width: 560px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h3_02.jpg) left top no-repeat;
}

div#feature-01 p.note {
	font-size: 83%;
	margin: 0.2em 0 0.7em 18px;
}



/*feature-02*/

div#feature-02{
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/*\*//*/
	overflow: hidden;
	/**/	
}

div#feature-02{
	border-bottom: 1px solid #cdcdcd;
}

div#feature-02:after{
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

div#feature-02 h2{
	position: relative;
	width: 560px;
	height: 27px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h2_04.jpg) left top no-repeat;
}

div#feature-02 h2 a {
	position: absolute;
	left: 472px;
	top: 4px;
	width: 70px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: #fff url(../../img/user/home/btn_goToProducts.jpg) left top no-repeat;	
}

div#feature-02 h2 a:hover{
	background: #fff url(../../img/user/home/btn_goToProducts.jpg) -80px top no-repeat;	
}


div#feature-02 div.makerBtn{
	width: 280px;
	height: 80px;
	float: left;
}

div#feature-02 div.makerBtn h3{
	height: 0;
	overflow: hidden;
	_display:none;
}

div#feature-02 div.makerBtn p{
	width: 280px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

div#feature-02 div.makerBtn a{
	display: block;
	width: 280px;
	height: 80px;
	text-decoration: none;
}

div#feature-02 div#maker-001{
	background: url(../../img/user/home/btn_maker001.jpg) left top no-repeat;
}
div#feature-02 div#maker-001 a:hover{
	background: url(../../img/user/home/btn_maker001_on.jpg) left top no-repeat;
}
div#feature-02 div#maker-01{
	background: url(../../img/user/home/btn_maker01.jpg) left top no-repeat;
}
div#feature-02 div#maker-01 a:hover{
	background: url(../../img/user/home/btn_maker01_on.jpg) left top no-repeat;
}
div#feature-02 div#maker-02{
	background: url(../../img/user/home/btn_maker02.jpg) left top no-repeat;
}
div#feature-02 div#maker-02 a:hover{
	background: url(../../img/user/home/btn_maker02_on.jpg) left top no-repeat;
}
div#feature-02 div#maker-03{
	background: url(../../img/user/home/btn_maker03.jpg) left top no-repeat;
}
div#feature-02 div#maker-03 a:hover{
	background: url(../../img/user/home/btn_maker03_on.jpg) left top no-repeat;
}
div#feature-02 div#maker-04{
	background: url(../../img/user/home/btn_maker04.jpg) left top no-repeat;
}
div#feature-02 div#maker-04 a:hover{
	background: url(../../img/user/home/btn_maker04_on.jpg) left top no-repeat;
}

/*feature-03*/

div#feature-03 h2{
	width: 560px;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h2_05.jpg) left top no-repeat;
}

div#feature-03 h3{
	width: 560px;
	height: 20px;
	margin-bottom: 0.7em;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/user/home/home_h3_03.jpg) left top no-repeat;
}

/* -----------------------------------
	floatblock-lus
----------------------------------- */

div.floatblock-lus {
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/*\*//*/
	overflow: hidden;
	/**/
}

div.floatblock-lus:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

div.floatblock-lus {
	margin: 0 0 1em 0;
	*margin: -0.5em 0 1em 0;
	padding: 0;
	background: ;
}

div.floatblock-lus div.imageblock-us{
	margin-right: 10px;
	float: left;
}

div.floatblock-lus div.floattext {
	margin: 5px 0 0 ;
	padding:0;
	font-size: 85%;
	line-height: 1.5;
}


/* -----------------------------------
	imageblock-us
----------------------------------- */

div.imageblock-us {
	margin: 0 0 1em 0;
	padding: 0;
	width: 136px;
}

div.imageblock-us img {
	margin: 0 0 0 0;
}


/* -----------------------------------
	.banner-area
----------------------------------- */

.banner-area{
	padding-bottom: 10px;
}

.banner-area p{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 10px;
}

.banner-area p a{
	display: block;
	text-decoration: none;
}

.banner-area p#banner-14001 {
	width: 285px;
	height: 55px;
	background: url(../../img/user/home/banner_14001.jpg) left top no-repeat;
}

.banner-area p#banner-14001 a{
	width: 285px;
	height: 55px;
}

.banner-area p#banner-14001 a:hover{
	background: url(../../img/user/home/banner_14001.jpg) -290px top no-repeat;
}

.banner-area p#banner-9001 {
	width: 285px;
	height: 55px;
	background: url(../../img/user/home/banner_9001.jpg) left top no-repeat;
}

.banner-area p#banner-9001 a{
	width: 285px;
	height: 55px;
}

.banner-area p#banner-9001 a:hover{
	background: url(../../img/user/home/banner_9001.jpg) -290px top no-repeat;
}

/* -----------------------------------
	#news-area,#service-banner-area
----------------------------------- */

#news-area,
#service-banner-area{
	width: 283px;
	height: auto;
	margin: 0 0 20px;
	border: 1px solid #cdcdcd;
	border-bottom-width: 2px;
	background: #fff;
}

#news-area h2,
#service-banner-area h2{
	width: 283px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 1px solid #cdcdcd;
}

#news-area h2 {
	background: url(../../img/user/home/home_h2_06.jpg) left top no-repeat;
}

#service-banner-area h2 {
	background: url(../../img/user/home/home_h2_07.jpg) left top no-repeat;
}

/* -----------------------------------
	#news-area table.news
----------------------------------- */

/*mod_table.cssにて*/


/* -----------------------------------
	#service-banner-area p
----------------------------------- */

#service-banner-area p {
	width: 283px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: 1px solid #cdcdcd;
}

#service-banner-area p a{
	display: block;
	width: 283px;
	text-decoration: none;
}

#service-banner-area p#banner-gadget,
#service-banner-area p#banner-flash,
#service-banner-area p#banner-gadget a,
#service-banner-area p#banner-flash a{
	height: 53px;
}

#service-banner-area p#banner-mobile,
#service-banner-area p#banner-mobile a {
	height: 80px;
}

#service-banner-area p#banner-gadget {
	background: url(../../img/user/home/banner_gadget.jpg) left top no-repeat;
}

#service-banner-area p#banner-gadget a:hover{
	background: url(../../img/user/home/banner_gadget_on.jpg) left top no-repeat;
}

#service-banner-area p#banner-mobile {
	background: url(../../img/user/home/banner_mobile.jpg) left top no-repeat;
}

#service-banner-area p#banner-mobile a:hover{
	background: url(../../img/user/home/banner_mobile_on.jpg) left top no-repeat;
}

#service-banner-area p#banner-flash {
	background: url(../../img/user/home/banner_flash.jpg) left top no-repeat;
}

#service-banner-area p#banner-flash a:hover{
	background: url(../../img/user/home/banner_flash_on.jpg) left top no-repeat;
}

/* -----------------------------------
	.goToIndexBtn
----------------------------------- */

p.goToIndexBtn{
	width: 283px;
	height: 39px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../img/user/home/bg_goToIndexBtn.jpg) left bottom no-repeat;
}

#news-area p.goToIndexBtn {
	background-image: none;
}

p.goToIndexBtn a{
	display: block;
	width: 94px;
	height: 28px;
	margin: 7px 0 0 184px;
	background: url(../../img/user/home/btn_goToIndex2.jpg) left top no-repeat;
}

p.goToIndexBtn a:hover{
	background: url(../../img/user/home/btn_goToIndex2_on.jpg) left top no-repeat;
}

#news-area p.goToIndexBtn a {
	background: url(../../img/user/home/btn_goToIndex1.jpg) left top no-repeat;
}

#news-area p.goToIndexBtn a:hover{
	background: url(../../img/user/home/btn_goToIndex1_on.jpg) left top no-repeat;

}

/* -----------------------------------
	.parts-index-block
----------------------------------- */

div.parts-index-block{
	margin: 0 15px 0.4em 15px;
	padding: 14px 15px;
	border-top: 1px dotted #bebebe;
	border-bottom: 1px dotted #bebebe;
	/*border: 1px dotted #585858;*/
	font-size: 85%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #fff;
}

div.parts-index-block span{
	background: url(../../img/user/separator_01.gif) left top no-repeat;	
}

div.parts-index-block span a{
	padding-left: 5px;
	padding-right: 2px;
}

div.parts-index-block span.firstChild,
div.parts-index-block span:first-child,
div.parts-index-block span.pseudo-first-child{
	background-image: none;
}

/* -----------------------------------
	footer-nav-area
----------------------------------- */

#footer-nav-area {
	border-top: none 0px;
}