@charset "utf-8";



/* 背景用
-------------------------------*/
#wrap {
	width: 100%;
	margin: 0 auto;
	background-image:url(../common/back01.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	
/*	background-color: #F1ECFF;
	background-color: #E8C21E;
	background-color: #CCE4FB;
	background-color: #FFCCCC;

*/
}

/* レイアウト用
-------------------------------*/
#wrap #container {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image:url(../common/header_back.gif);
	background-position:top;
	background-repeat: no-repeat;

}


/* ヘッダ
-------------------------------*/
#wrap #header_btn {
	width: 960px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	margin: 0 auto;
}

#wrap #header_btn2 {
	width: 960px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	margin: 0 auto;
}

/* ヘッダ
-------------------------------*/
#wrap #container #header {
	width: 940px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align: left;
}



/* ヘッダ 0508
-------------------------------*/


#wrap #container #header #header_btnew{
	width: 260px;
	float: right;
	padding-right: 10px;
	text-align:right;

}

#wrap #container #header #member_b2{
	width: 470px;
	height:70px;
	background-image:url(/design/2gaoe/top_img/top_memberbosyu.gif);
	background-position:left 0 0 0 0;
	background-repeat:no-repeat;
}

/* 
                               
#wrap #container #header #header_btn{
	width: 260px;
	float: right;
	padding-right: 10px;
}
							   

							  
*/

#wrap #container #header #header_btnew img{
	margin-left:0;
	margin-bottom: 5px;
	margin-top:0px;

}

#wrap #container #header ul{
	width: 750px;
	margin-top: 5px;
}
#wrap #container #header ul li{
	float:left;
}


#wrap #container #header #header_btn2{
	width: 260px;
	float: right;
	padding-right: 10px;
}
#wrap #container #header #header_btn2 img{
	margin-left:0;
	margin-bottom: 5px;
	margin-top:0px;

}


/* ヘッダ 緑ボタン
-------------------------------*/


#wrap #container #header #navi_b ul{
	width: 940px;
	margin-top: 2px;
}
#wrap #container #header #navi_b ul li{
	float:left;
}




/* ヘッダ 0508
-------------------------------*/













#wrap #container #header #header_btn{
	width: 260px;
	float: right;
	padding-right: 10px;

}

#wrap #container #header #member_b{
	width: 470px;
	height:63px;
	background-image:url(/design/2gaoe/top_img/top_memberbosyu.gif);
	background-position:left 0 0 0 0;
	background-repeat:no-repeat;
}

/* 
                               
#wrap #container #header #header_btn{
	width: 260px;
	float: right;
	padding-right: 10px;
}
							   

							  
*/

#wrap #container #header #header_btn img{
	margin-left:0;
	margin-bottom: 5px;
	margin-top:0px;

}

#wrap #container #header ul{
	width: 750px;
	margin-top: 5px;
}
#wrap #container #header ul li{
	float:left;
}


#wrap #container #header #header_btn2{
	width: 260px;
	float: right;
	padding-right: 10px;
}
#wrap #container #header #header_btn2 img{
	margin-left:0;
	margin-bottom: 5px;
	margin-top:0px;

}




/* ヘッダ
-------------------------------
#wrap #container #header {
	width: 940px;
	padding: 10px 0 0px 0;
	margin: 0 auto;
	text-align: left;
}
#wrap #container #header #header_btn{
	width: 240px;
	float: right;
	padding-right: 10px;
}
#wrap #container #header #header_btn img{
	margin-left:10px;
	margin-bottom: 10px;
}

#wrap #container #header ul{
	width: 750px;
	margin-top: 10px;
}
#wrap #container #header ul li{
	float:left;
}

*/











/* ベース　*/

#wrap #container .left {
	width: 180px;
	padding: 0 0 0 0;
	float: left;
	text-align:left;
}

#wrap #container .right {
	width: 750px;
	padding: 0 0 0 0;
	float: left;
	text-align:left;
	color:#666;
}




/* メインコンテンツ
-------------------------------*/
#wrap #container #main_contents {
	width: 960px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

#wrap #container #main_contents #banner ul li{
	margin-bottom:5px;

}

#wrap #container #main_contents #serch{
	background-image: url(../common/search_back.jpg);
	height: 81px;
	padding: 30px 0 0 0;
	text-align: center;
	margin-bottom: 10px;
	width: 180px;

}


/* 左ナビゲーション
-------------------------------*/
#wrap #container #main_contents #side_btn {
	margin-bottom:10px;	
}
#wrap #container #main_contents #side_btn ul li{
		width: 163px;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background-image: url(../common/btn_back.jpg);
		background-repeat: repeat-x;
		padding: 5px 5px 5px 10px;
		vertical-align: bottom;
}
* html #wrap #container #main_contents #side_btn ul li{
		width: 180px;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background-image: url(../common/btn_back.jpg);
		background-repeat: repeat-x;
		padding: 5px 5px 5px 10px;
		vertical-align: bottom;
}
#wrap #container #main_contents #side_btn ul li.last{
		width: 163px;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background-image: url(../common/btn_back.jpg);
		background-repeat: repeat-x;
		padding: 5px 5px 5px 10px;
		vertical-align: bottom;
}
* html #wrap #container #main_contents #side_btn ul li.last{
		width: 180px;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background-image: url(../common/btn_back.jpg);
		background-repeat: repeat-x;
		padding: 5px 5px 5px 10px;
		vertical-align: bottom;
}
#wrap #container #main_contents #side_btn ul li a{
	font-size: 12px;
	display: block;
	padding-left: 18px;
	background-image: url(../common/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	color: #333;
	text-decoration: none;
}
#wrap #container #main_contents #side_btn ul li a:hover{
	font-size: 12px;
	display: block;
	padding-left: 18px;
	background-image: url(../common/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	color: #999;
	text-decoration: none;
}

/* 広告
-------------------------------*/
#wrap #container #main_contents #ad {
	width: 180px;
	text-align:center;
}


/*パンくず
-------------------------------*/
#wrap #container #main_contents #pankuzu {
	width: 730px;
	padding: 5px 10px 5px 10px;
	background-color: #E4F4FA;
	font-size: 11px;
	margin: 0 0 10px 0;
	text-align: left;
	color:#93D1EA;
	}
* html #wrap #container #main_contents #pankuzu {
	width: 750px;
	padding: 2px 10px 2px 10px;
	background-color: #E4F4FA;
	font-size: 10px;
	margin: 0 0 10px 0;
	text-align: left;
}
#wrap #container #main_contents #pankuzu a{
	color:#93D1EA;
}

/*商品タイトル
-------------------------------*/
#wrap #container #main_contents .right h2 {
	font-size: 21px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color:#83B846;
}

#wrap #container #main_contents .right .main h2 {
	font-size: 21px;
	font-weight: bold;
	margin: 0 0 0px 0;
	color:#83B846;
}

#wrap #container #main_contents .right .main h1{
	width:750 !important;
	padding: 2px 0 0 0;
	font-size: 15px;
	margin: 0 0 3px 0;
	text-align: center;
	color:#7DAB4A;
	font-weight:bold;
	background-color:fff;
}
/* 11/17 old
#wrap #container #main_contents .right .main h1{
	width:530 !important;
	padding: 2px 0 0 0;
	background-color:#D9B364;
	font-size: 11px;
	margin: 0 0 5px 0;
	text-align: center;
	color:#fff;
	font-weight:bold;
}

*/

/*
	width:530 !important;
	padding: 2px;
	background-color: #F3E9D3;
	font-size: 10px;
	margin: 0 0 5px 0;
	text-align: center;
	color:#D0A64D;



*/
#wrap #container #main_contents .right .main h3 {
	margin: 0;
}


/*メイン写真
-------------------------------*/
#wrap #container #main_contents .right .main_photo {
/*	float: left;*/
}
#wrap #container #main_contents .right .main_photo img{
	border: 1px solid #ccc;
	margin: 0px  !important;
	padding: 0px  !important;
	width:240px;
	height:240px;

}

.main_photo {
	margin: 0 0 -20px 0  !important;
	padding: 0px  !important;

}

.main_photot {
	font-size:11px;
	color:#666;
}



#wrap #container #main_contents .right .spec {
	width:480px;
	float: left;
}
#wrap #container #main_contents .right .spec .mainicon img{
	margin:0 5px 5px 0;
}




#wrap #container #main_contents .right .box750 {
	width:750px;
	clear: left;
	margin-bottom: 40px;
}

/*

#wrap #container #main_contents .right .price {
	width:480px;
	float: left;
	clear: left;
}

*/

#wrap #container #main_contents .right .price a{
	color: #666;
}

#wrap #container #main_contents .right .price table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#wrap #container #main_contents .right .price table td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 3px;
}




#wrap #container #main_contents .right .order {
	width:270px;
	float: left;
	text-align: center;
}
#wrap #container #main_contents .right .order table td{
	padding:3px;
}

#wrap #container #main_contents .right .otherimg {
	width:740px;
	margin-bottom: 40px;
	clear: left;
}



#wrap #container #main_contents .right .otherimg h3{
	width: 730px;
	background-image: url(../common/h3_back.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	margin-bottom: 15px;
	font-weight: bold;
	margin-top: 20px;
}


* html #wrap #container #main_contents .right .otherimg h3{
	width: 750px;
	background-image: url(../common/h3_back.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-weight: bold;
}


/*

#wrap #container #main_contents .right .otherimg h3{
	width: 730px;
	background-image: url(../common/h3_back.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	margin-bottom: 15px;
	font-weight: bold;
	margin-top: 20px;
}


* html #wrap #container #main_contents .right .otherimg h3{
	width: 750px;
	background-image: url(../common/h3_back.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-weight: bold;
}

*/






#wrap #container #main_contents .right .otherimg img{
	float:left;
	margin: 0 10px 0 0;
	padding: 1px;
	border: 1px solid #E8D2A6;
}


#wrap #container #main_contents .right .profile{
	width:750px;
	background-image: url(../common/profile_back_bottom.gif);
	background-position:bottom;
	margin-bottom: 20px;
	clear: left;
	}

#wrap #container #main_contents .right .profile h3{
	width:710px;
	background-image: url(../common/profile_back_top.gif);
	background-position:top;
	padding: 10px 20px 0 20px;
	font-weight: bold;
}
* html #wrap #container #main_contents .right .profile h3{
	width:750px;
	background-image: url(../common/profile_back_top.gif);
	background-position:top;
	padding: 10px 20px 0 20px;
	font-weight: bold;
}

#wrap #container #main_contents .right .profile .block{
	width:710px;
	border-top: 1px dotted #ccc;
	margin: 5px 20px 10px 20px;
	padding-top: 10px;
}
#wrap #container #main_contents .right .profile .block .img_block{
	width: 110px;
	float:left;
}

#wrap #container #main_contents .right .profile .block img{
	border: 1px solid #ccc;
}


#wrap #container #main_contents .right .profile .block .text_block{
	width: 380px;
	display:block;
	float:left;
	padding-right: 30px
}

#wrap #container #main_contents .right .profile .block .other_block{
	float:left;
	width: 190px;
	display:block;
}

#wrap #container #main_contents .right #category {
	width: 750px;
	text-align:right;
}

/* オリジナルイラスト
-------------------------------*/
#wrap #container #main_contents #orignalillust {
	margin: 0 0 40px 0;
}

#wrap #container #main_contents #orignalillust ul li{
	width:180px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

#wrap #container #main_contents #orignalillust ul li img{
	border:1px solid #ccc;
	margin-bottom: 2px;
}

/* ボード関連
-------------------------------*/
#wrap #container #main_contents #bord {
	margin: 0 0 30px 0;
}

#wrap #container #main_contents #bord h3{
/*	color: #83B846;*/
    color: #D2A74D;
	width: 730px;
/*	border-left: 10px solid #56ACF3;*/
	padding-left: 35px;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	background-image: url(http://www.2gaoe.net/com/common/welcome/welcome_iconhart.jpg);
	background-repeat:no-repeat;
	background-position:left;
}


#wrap #container #main_contents #bord ul li{
	width:180px;
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
	text-align:center;
}

#wrap #container #main_contents #bord ul li strong{
	color:#FF6666;
}


#wrap #container #main_contents #bord ul li img{
	border:none;

	margin-bottom: 2px;
}

/*
#wrap #container #main_contents #bord ul li img{
	border:1px solid #E8D2A6;
	margin-bottom: 2px;
}

*/






#wrap #container #main_contents .bord_option{
	width: 370px;
	margin:0 10px 20px 0px;
	float: left;
}

#wrap #container #main_contents .bord_option h4{
	width: 360px;
	padding: 5px 0 5px 10px;
	margin:0 0 5px 0;
	background-image: url(../common/bordoption_back2.jpg);
	background-repeat:repeat-x;
	color: #FFF;
	font-weight: bold;
}

/*
#wrap #container #main_contents .bord_option h4{
	width: 360px;
	padding: 5px 0 5px 10px;
	margin:0 0 5px 0;
	background-image: url(../common/bordoption_back.jpg);
	background-repeat:repeat-x;
	color: #FFF;
	font-weight: bold;
}
*/



#wrap #container #main_contents .bord_option h5{
	margin:0 0 3px 0;
	clear: left;
}

#wrap #container #main_contents .bord_option ul li{
	width: 66px;
	float: left;
	margin: 0 5px 5px 0;
}
#wrap #container #main_contents .bord_option ul li img{
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 2px 0;
}


/*　注文の流れ
-------------------------------*/
#wrap #container #main_contents #orderflow {
	width: 750px;

}

#wrap #container #main_contents #orderflow ul {
	width: 750px;
	padding: 15px;
	margin: 0 0 0 0;
	
}
#wrap #container #main_contents #orderflow ul li {
	float:left;
	margin: 0 20px 10px 0;
}

#wrap #container #main_contents #orderflow h3 {
	margin:20px 0 10px 0;
	font-weight:bold;
	font-size: 16px;
	
}

#wrap #container #main_contents #orderflow h4 {
	margin:10px 0 10px 10px;
	font-weight:bold;
	font-size: 16px;
	color: #83B946;
}






#wrap #container #main_contents #orderflow table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin: 20px 0 0 0;
}
#wrap #container #main_contents #orderflow table td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 5px 10px;
}

/* ページの先頭へ
-------------------------------*/
#wrap #container .page_top {
	text-align: right;
	width: 200px;
	margin-top: 25px;
	font-size: 12px;
	vertical-align:text-bottom;
	float:right;
	clear:both;
	padding-right:15px;
}


#wrap #container .page_topfooter {
	text-align: right;
	font-size: 12px;
	vertical-align:text-bottom;
	padding-right:15px;
}

/* フッタ
-------------------------------*/
#wrap #footer {
	width: 960px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	background-color: #FFF;
}
#wrap #footer .f_navi {
	font-size: 12px;
	width: 960px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	color: #FFF;
	background-color: #83B846;
}

#wrap #footer .f_navi a{
	color: #FFF;
	text-decoration: none;

}
#wrap #footer .f_navi a:hover{
	color: #FFF;
	text-decoration:underline;
}

#wrap #footer .copyright {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #83B846;
}

#wrap #footer .copyright a{
	color: #83B846;
	text-decoration:none;
}

#wrap #footer .copyright a:hover{
	color: #83B846;
	text-decoration:none;

}



/* ヘッダ 緑ボタン
-------------------------------*/


#wrap #container .footernavi_b ul{
	width: 940px;
	margin-top: 2px;
}
#wrap #container .footernavi_b ul li{
	float:left;
}

