@charset "UTF-8";
/* CSS Document */

/* ==================================================================
 * トップCSS
================================================================== */

#left-top {
 float: left;
 width: 640px;
 margin-bottom: 10px;
}


#right-top {
 float: right;
 width: 300px;
 margin-bottom: 10px;
}


/*検索（トップ用）*/
#-----検索（トップ用）----- {
}
#search-top {
 background-image: url(../img/top/search_top_bk_3.jpg);
 background-repeat: no-repeat;
 height: 412px;
 width: 600px;
 margin-bottom: 20px;
 padding-right: 20px;
 padding-left: 20px;
 text-align: center;
 position: relative;
}
#search-top-inner {
 width: 600px;
 position: absolute;
 top: 318px;
 height: 32px;
}

#search-word-top {
 width: 240px;
 margin-right: 5px;
 float: left;
 margin-left: 13px;
 height: 30px;
}
select{
 width: 122px;
 margin-right: 5px;
 float: left;
 margin-left: 0px;
 margin-top: 6px;
}


#search-btn-top {
 float: left;
}


/*ランキング*/
#-----ランキング----- {
}

#ranking {
 width: 638px;
 margin-bottom: 20px;
 border: 1px solid #C4B19D;
}
.ranking-box {
 float: left;
 width: 180px;
 text-align: left;
 margin-right: 34px;
 margin-left: 0px;
 margin-bottom: 15px;
}
.ranking-inner {
 margin-right: 15px;
 margin-left: 15px;
 margin-top: 10px;
}

.ranking-box-end {
 float: left;
 width: 180px;
 text-align: center;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 15px;
}
.ico-rannking {
 float: left;
 margin-top: 5px;
 margin-right: 5px;
}
.ranking-line-1 {
 text-align: left;
 float: left;
 margin-top: 10px;
 margin-bottom: 0px;
}

.about-more {
 background-image: url(../img/share/ico/ico_arrow_orange.png);
 background-repeat: no-repeat;
 padding-left: 18px;
 background-position: 0px 3px;
 position: absolute;
 top: 30px;
 right: 28px;
}

/*投資ランキング*/
#-----投資ランキング----- {
}
#toushi-ranking {
 width: 300px;
 margin-bottom: 20px;
 background-image: url(../img/top/ranking_bk.jpg);
 background-repeat: no-repeat;
 height: 165px;
 text-align: left;
}
#toushi-ranking ul {
 padding-top: 64px;
 padding-left: 20px;
}
#toushi-ranking ul li {
 background-image: url(../img/share/ico/ico_crown_blown.jpg);
 background-repeat: no-repeat;
 padding-left: 19px;
 background-position: 0px 3px;
 margin-bottom: 10px;
}


/*サイトマップ*/
#-----サイトマップ----- {
}

.sitemap {
 width: 640px;
 margin-bottom: 20px;
 clear: both;
}
.map-left {
 float: left;
 width: 310px;
 background-color: #f3ece0;
 text-align: left;
 padding-bottom: 15px;
}

.map-right {
 float: right;
 width: 310px;
 background-color: #f3ece0;
 text-align: left;
 padding-bottom: 15px;
}
.map-left2 {
 float: left;
 width: 310px;
 background-color: #f3ece0;
 text-align: left;
 padding-bottom: 15px;
 height: 170px;
}
.map-right2 {
 float: right;
 width: 310px;
 background-color: #f3ece0;
 text-align: left;
 padding-bottom: 15px;
 height: 170px;
}


.map-l {
 background-image: url(../img/share/ico/ico_arrow_orange.png);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 padding-left: 18px;
 margin-bottom: 0px;
 margin-top: 10px;
 margin-right: 15px;
 margin-left: 15px;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-bottom-color: #C4B19D;
 padding-bottom: 0px;
}
.map-s {
 margin-bottom: 0px;
 margin-top: 5px;
 margin-right: 15px;
 margin-left: 15px;
 padding-bottom: 0px;
}






/*ピックアップキャンペーン*/
#-----ピックアップキャンペーン----- {
}


#pick-up {
 width: 608px;
 border: 1px solid #cebead;
 margin-bottom: 20px;
 background-image: url(../img/top/title_pickup.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding-bottom: 10px;
 padding-right: 15px;
 padding-left: 15px;
}


.ichiran-top {
 height: 40px;
 padding-top: 8px;
 width: 608px;
}

.ichiran-inner {
 background-image: url(../img/share/ico/ico_arrow_orange.png);
 background-repeat: no-repeat;
 padding-left: 18px;
 background-position: 0px 3px;
 float: right;
}


.pick-box {
 float: left;
 width: 140px;
 text-align: center;
 margin-right: 16px;
 margin-left: 0px;
}

.pick-box-end {
 float: left;
 width: 140px;
 text-align: center;
 margin-right: 0px;
 margin-left: 0px;
}

/*人気の商品*/
#-----人気の商品-----{}
#ninki-syouhin {
 width: 608px;
 border: 1px solid #cebead;
 margin-bottom: 20px;
 background-image: url(../img/top/title_ninkinosyouhin.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding-right: 15px;
 padding-left: 15px;
}
.ninki-syouhin-box {
 float: left;
 width: 180px;
 text-align: center;
 margin-right: 34px;
 margin-left: 0px;
 margin-bottom: 15px;
}
.ninki-syouhin-box-end {
 float: left;
 width: 180px;
 text-align: center;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 15px;
}




/*お役立ちコラム*/
#-----お役立ちコラム-----{}
#oyakudachi {
 width: 290px;
 margin-bottom: 20px;
 border: 5px solid #ebe5de;
 background-image: url(../img/top/title_oyakudachi.jpg);
 background-repeat: no-repeat;
 background-position: 5px 8px;
}

.ichiran2 {
 padding-top: 8px;
 width: 280px;
 margin-right: 0px;
 padding-right: 10px;
 height: 25px;
 margin-bottom: 10px;
}
.oyakudachi-box {
 width: 270px;
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #CCC;
 padding-bottom: 5px;
}
.oyakudachi-box-end {
 width: 270px;
 margin-right: auto;
 margin-bottom: 5px;
 margin-left: auto;
 padding-bottom: 5px;
}

.oyakudachi-r {
 width: 200px;
 float: right;
 text-align: left;
}


/*************
@ top_pages/index.ctp
商品と会社のタブ 
*************/
#tabs {
	padding: 20px;
}
#tabs ul {
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    margin-bottom: 0px;
}

#tabs ul li.tab1.now{
	width: 184px;
	height:36px;
    list-style-type: none;
    float: left;
    cursor: pointer;
	text-indent:-9999px;
	display:block;
	background-image: url(../img/top/tab1_on.png);
	background-repeat: no-repeat;
}
#tabs ul li.tab1{
	width: 184px;
	height:36px;
    list-style-type: none;
    float: left;
    cursor: pointer;
	text-indent:-9999px;
	display:block;
	background-image: url(../img/top/tab1_off.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#tabs ul li.tab2{
	width: 184px;
	height:36px;
    list-style-type: none;
    float: left;
    cursor: pointer;
	text-indent:-9999px;
	display:block;
	background-image: url(../img/top/tab2_off.png);
	background-repeat: no-repeat;
	margin:0 0 0 3px;
	background-position: left bottom;
}
#tabs ul li.tab2.now{
	width: 184px;
	height:36px;
    list-style-type: none;
    float: left;
    cursor: pointer;
	text-indent:-9999px;
	display:block;
	background-image: url(../img/top/tab2_on.png);
	background-repeat: no-repeat;
	margin:0 0 0 3px;
}
#tabs ul li.now {
}
.form_search {
	background-color: #FFD700;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: solid 3px #FF8C00;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
}
select#CompanyCategory {
	margin-top: 5px;
	width: 180px;
	font-size: 16px;
}
select#product_cats {
	margin-top: 4px;
	font-size: 16px;
	width: 130px;
	margin-right: 10px;
}
input#CompanyNameJa {
	width: 240px;
	height: 25px;
	float: left;
	margin-left: 10px;
}
input#name_ja {
	width: 150px;
	float: left;
	height: 25px;
	margin-right: 5px;
}
input#name_ja.p_com_input {
	width: 120px;
}
input#name {
	width: 150px;
	margin-left: 5px;	
	float: left;
	height: 25px;
	margin-right: 10px;
}
#tabs {
	padding-top: 269px;
}
#tabs .submit input {
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #268a16;
	padding:3px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	background:-ms-linear-gradient( top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	color:#FFFFFF;
	display:inline-block;
}
#tabs .submit input:hover {
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
#tabs .submit input:active {
	position:relative;
	top:1px;
}
#search-top-inner .submit input {
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #268a16;
	padding:3px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	background:-ms-linear-gradient( top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	color:#FFFFFF;
	display:inline-block;
}
#search-top-inner .submit input:hover {
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}

/************* 
@ top_pages/index.ctp
検索(わこさんデザイン)に加えたもの
*************/
#search-top-inner .submit input:active {
	position:relative;
	top:1px;
}
#search_select_single {
	width: 250px;
	font-size: 16px;	
}