@charset 'utf-8';
@import url("common.css");

/*  */
#top_image{
	float		: left;
	margin		: 0;
	}
	
/*　トップ右側　*/	
#top_right{
	float		: right;
	width		: 410px;
	margin		: 10px 7px 0 0;
display:inline;
	}

	
/* 海人オンラインショップからのお知らせ */
#shop_newbaner{
	margin		: 0 0 0 0;
	text-align	: center;
	}
	
#shop_newbaner ul{	
	list-style	: none;
	}
	
#shop_newbaner li{
	margin		: 3px;
	background	: url("img/li01.gif") no-repeat left;
	padding		: 5px 0 0 15px;
	margin		: 0 0 0 10px;
	}

#shop_news{
	margin		: 10px 0;
	}
	
#shop_news ul{	
	list-style	: none;
	}
	
#shop_news li{
	margin		: 3px;
	background	: url("img/li01.gif") no-repeat left;
	padding		: 5px 0 0 15px;
	margin		: 0 0 0 10px;
	}

.shop_category{
	color		: #039;
	margin		: 0 10px 0 0;
	}

.shop_category a,
.shop_category a:hover{
	color		: #039;
	}
	

/* ブログ新着 */	
#blog_news{

	}

#blog_photo{
	float		: left;
	width		: 215px;
	height		: 110px;
	margin		: 3px 0 0 3px;
	}

#blog_news ul{
	height		: 115px;
	list-style	: none;
	margin		: 3px 0;
	overflow	: hidden;
	}

#blog_news li{
	margin		: 0 0 12px 0;
	}

#blog_news li img{
	position	: relative;
	vertical-align	: bottom;
	margin		: 0 7px 0 0;
	}

#blog_link{
	margin		: 10px 0 0 23px;
	}
	
	
#blog_link img{
	float		: left;
	margin		: 0;
	}
	
/* ブランドロゴ */
#logo_box{
	margin		: 5px 25px 5px 0;
	text-align	: center;
	}

#logo_box,
#logo_box a,
#logo_box a:hover{
	color		: #C00;
        clear:both;
	}
	
.logo_sbox1{
	width		: 176px;
	float		: left;
	margin:5px 10px 5px 0;
	text-align	: center;
	}


.logo_sbox{
	width		: 91px;
	float		: left;
	margin:5px 4px 5px 0;
	text-align	: center;
	}

.logo_sbox h4{
	font-size	: 12px;
	margin		: 2px auto;
	}

.logo_sbox p{
	margin		: 2px auto;
	}

#teiban1{
	width		: 575px;
	height		: 130px;
	float		: left;
	padding-left:4px;
	}

#teiban{
	width		: 575px;
	height		: 130px;
	background	: #CFE7FF;
	float		: left;
	padding-left:4px;
	}
	
#teiban2{
	width		: 575px;
	height		: 170px;
	background	: #CFE7FF;
	float		: left;
	padding-left:4px;
	color		: #333366;

	}
#teiban2 a,
#teiban2 a:hover{
	color		: #333366;
        clear:both;
	}
	
#teiban3{
	width		: 575px;
	height		: 180px;
	background	: #DFE7FF;
	float		: left;
	padding-left:4px;
	color		: #333366;

	}
#teiban3 a,
#teiban3 a:hover{
	color		: #333366;
        clear:both;
	}
	
	/*
#size{
	height		: 130px;
	background	: #DCF1EE;
	}
	*/

/*　海人とは　*/
#uminchu{
	clear		: both;
	}
	
#uminchu img{
	margin		: 5px 60px 0 5px;
	}

#uminchu p{
	width		: 275px;
	margin		: 20px 5px 0 30px;
	font-size	: 10px;
	letter-spacing	: 0.1em;
	line-height	: 150%;
	}	

/*　商品　*/	

.pagelink{
	font-size	: 14px;
	line-height	: 150%;
	margin-top: 20px;
	}


.goods,
.goods3{
	background	: url("img/bg_goods.gif");
	}

.topLink {
	padding: 1px;
	margin-right: 20px;
	border: 2px solid #000000;
	width: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	text-align: center;
	font-size: 11px;
}
.topLink a {
	color:#000000;
}

/* オリジナルTシャツ */
#orginal{
	margin		: 15px auto;
	}

#mojiire_box,
#orijinal_box{
	float		: left;
	width		: 210px;
	margin	 	: 3px;
	height		: 135px;
	padding		: 5px 3px 0 3px;
	}

#mojiire_box{
	background	: #DCF1EE;
	}
	
#orijinal_box{
	background	: #CFE7FF;
	}