/* “Ç�ž------------------------------------------------------------*/

@import url(social.css);


/* ‘S‘Ì------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka�]“™•�"; 
	color: #333333;
	background: #EDFBFF;
	font-size:80%;
	line-height:1.8;
	background-image:url(../common/images/bg.gif);
	background-repeat:repeat-x;
	}

img {
	border: 0px;
	}

a:link, a:visited {
	color: #26B0E9;
	text-decoration: underline;
	}

a:active, a:hover {
	color: #26B0E9;
	text-decoration: none;
	}

/* ”wŒi------------------------------------------------------------*/

#contents {
	background-image:url(../common/images/bg_contents.gif);
	background-position:center top;
	background-repeat:repeat-y;
	}

#main {
	background-image:url(../common/images/bg_main.gif);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
#leftbg, #rightbg {
	width:198px;
	background-image:url(../common/images/bg_side.gif);
	background-repeat:repeat-y;
	vertical-align:top;
	}

#leftbg {
	background-position:left top;
	border-right:1px solid #D0F0F8;
	}
	
#rightbg {
	background-position:right top;
	border-left:1px solid #D0F0F8;
	}
	
#left {
	font-family: verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka�]“™•�"; 
	background-image:url(../common/images/bg_side_top.gif);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:left;
	}
	
#right {
	font-family: verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka�]“™•�"; 
	background-image:url(../common/images/bg_side_top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:left;
	}
	
#center {
	width:462px;
	vertical-align:top;
	text-align:left;
	}
	
#maincol {
	width:661px;
	vertical-align:top;
	text-align:left;
	}

/* ƒŒƒCƒAƒEƒg------------------------------------------------------------*/

#menu {
	width:860px;
	margin:10px 0 8px 0;
	}
	
#news li{
	width:145px;
	font-size:75%;
	line-height:1.5;
	list-style-type:none;
	margin:0px 0px 0px 12px;
	padding-left:15px;
	background-image:url(../common/images/01bullet.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	}
	
#news li .line{
	margin: 7px 0 7px -18px;
	}
	
.sidebtn{
	margin-left: 7px;
	}
	
#special .sidebtn{
	margin: 2px 0 2px 8px;
	}

	
#information li{
	font-size:80%;
	line-height:1;
	list-style-type:none;
	margin:10px 0px 10px 20px;
	}
	
#calendar table{
	margin:10px 0 0 15px;
	}
	
#calendar th{
	font-size:10px;
	text-align:left;
	}
	
#calendar td{
	width:20px;
	}
	
#calendar td.close{
	background-image:url(../common/images/cal_close.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}
	
#calendar td.maintenance{
	background-image:url(../common/images/cal_maintenance.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}
	
#calendar td.event{
	background-image:url(../common/images/cal_event.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}
	
#calendar td.new{
	background-image:url(../common/images/cal_new.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}
	
#calendar .legend{
	font-size:9px;
	}
	
#calendar .legend td.cell_l{
	width:73px;
	line-height:1.5;
	}
	
#calendar .legend td.cell_r{
	width:78px;
	line-height:1.5;
	}
	
#calendar .legend img{
	vertical-align:middle;
	margin-right:2px;
	}
	
#verisign{
	margin-bottom:50px;
	}

/* �¶ƒ�ƒjƒ…�[------------------------------------------------------------*/

#news, #search, #special, #information, #calendar, #verisign {
	margin-left:9px;
	}
	
#news{
	background-image:url(../common/images/01bg.gif);
	background-repeat:repeat-y;
	}
	
#search{
	background-image:url(../common/images/02bg.gif);
	background-repeat:repeat-y;
	}
	
#special{
	background-image:url(../common/images/03bg.gif);
	background-repeat:repeat-y;
	}
	
#information{
	background-image:url(../common/images/04bg.gif);
	background-repeat:repeat-y;
	}
	
#calendar{
	background-image:url(../common/images/05bg.gif);
	background-repeat:repeat-y;
	font-size:8px;
	line-height:2;
	}
	
#calendartable{
	margin:3px 0 0 10px;
	}
	
#verisign{
	background-repeat:repeat-y;
	}
	
#pickup{
	background-image:url(../images/07bg.gif);
	background-repeat:repeat-y;
	}
	
#ranking{
	background-image:url(../images/08bg.gif);
	background-repeat:repeat-y;
	}

/* ’†‰›------------------------------------------------------------*/
	
.main{
	margin:7px 6px 0 6px;
	}
	
#marine {
	margin:0 5px 0 5px;
	height:188px;
	background-image:url(../images/09bg.gif);
	background-repeat:no-repeat;
	background-position:0 41px;
	}
	
#marine iframe {
	margin-left:6px;
	}

#marinenews {
	background:url(../images/102textbg.jpg) fixed no-repeat;
	margin:0px;
	}
#marinenews  p{
	padding:10px 0px 0px 90px;
	}

#recommend {
	margin:0 5px 0 5px;
	background-image:url(../images/10bg.gif);
	background-repeat:repeat-y;
	}

#recommend .itembox {
	margin-left:6px;
	margin-right:6px;
	}

#recommend .itemtext {
	width:290px;
	margin:0 5px;
	float:left;
	}

#recommend .itemphoto {
	width:130px;
	margin-top:5px;
	float:right;
	}

#recommend .itemname {
	font-size:90%;
	font-weight:bolder;
	background-color:#E9F5FA;
	background-image:url(../images/10bullet.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:3px 10px 3px 30px;
	}

#recommend .itemexp {
	font-size:80%;
	margin-top:3px;
	line-height:1.7;
	padding:5px;
	}

#pickup a:link img, #pickup a:visited img, #pickup a:active img,
#special a:link img, #special a:visited img, #special a:active img {
	border:1px solid #FFFFFF;
	}

#recommend a img, #pickup a:hover img,#special a:hover img  {
	border:1px solid #43BBEC;
	}

#recommend .line {
	margin: 10px 0 20px 25px;
	cleat:both;
	}
	
/* ‰E------------------------------------------------------------*/

#pickup, #ranking {
	margin-left:7px;
	}

.pickupitem{
	font-size:80%;
	margin:0px 14px 5px 15px;
	}
.pickupitem a img{
	margin:5px 0 3px 0;
	border:1px solid #43BBEC;
	}


#ranking .itembox {
	width:180px;
	margin-left:10px;
	}

#ranking .itemrank {
	width:22px;
	margin-right:5px;
	float:left;
	margin-top:3px;
	}

#ranking .itemtext {
	width:80px;
	float:left;
	}

#ranking .itemphoto {
	width:41px;
	margin-right:10px;
	float:left;
	margin-top:3px;
	}

#ranking .itemname {
	font-size:80%;
	line-height:1.5;
	}

#ranking .itemexp {
	font-size:80%;
	line-height:1.3;
	}

#ranking a img {
	border:1px solid #43BBEC;
	}

#ranking .line {
	margin: 10px 0 5px 10px;
	cleat:both;
	}
	
/*�¤•i�Ú�×------------------------------------------------------------*/


#maincol  h1 {
	font-size:14px;
	height:45px;
	color:#FFFFFF;
	font-weight:bolder;
	background-image:url(../common/images/h_bg.gif);
	background-repeat:no-repeat;
	padding:15px 10px 0px 20px;
	margin-left:3px;
	}

#detail_info {
	margin: 25px;
	}

#detail_photo {
	width:310px;
	float:left;
	}

#otherphoto {
	color:#CCCCCC;
	text-align:right;
	font-size:80%;
	margin:5px 15px 10px 0;
	}

#detail_spec {
	width:300px;
	float:right;
	text-align:right;
	}

#detail_spec th {
	font-weight:lighter;
	color:#999999;
	font-size:60%;
	text-align:left;
	}

#detail_spec td {
	font-size:70%;
	text-align:right;
	}

#detail_spec td em {
	font-size:140%;
	font-weight:bolder;
	font-style:normal;
	}

#detail_spec th, #detail_spec td {
	border-bottom: 1px  solid #E7E7E7;
	padding:7px 10px 7px 10px;
	}

#detail_spec th.bold, #detail_spec td.bold {
	border-bottom: 3px  solid #E7E7E7;
	padding:7px 10px 7px 10px;
	}

#detail_spec .cart {
	margin:15px 0;
	}

#detail_spec #phrase {
	font-size:80%;
	margin:10px 0 0 0;
	padding-bottom:5px;
	border-bottom: 1px  solid #999999;
	}

#detail_comment {
	font-size:80%;
	line-height:1.8;
	margin:50px 30px 30px 30px;
	}
	
#voice{
	margin:0 15px 0 15px;
	background-image:url(../common/images/detail_voicebg.gif);
	background-repeat:repeat-y;
	}
	
.voice_box{
	font-size:80%;
	line-height:1.8;
	border-top: 3px  solid #2AB0D0;
	margin:7px 15px 0px 15px;
	padding:10px 5px 10px 5px;
	}
	
.voice_name{
	font-weight:bolder;
	font-size:80%;
	}
	
.voice_name img{
	vertical-align:middle;
	margin-right:5px;
	}

/*�V’…ƒjƒ…�[ƒX------------------------------------------------------------*/
#maincol #whatsnew {
	background-image:url(../images/newsbg.gif);
	height:1400px;
	}
	
#maincol #whatsnew table {
	width:600px;
	margin:0px 10px 10px 30px;
	}
#maincol #whatsnew img {
	margin:0px 10px 0px 10px;
	}
#maincol #whatsnew table td {
	font-size:80%;
	padding:0 0 5px 5px;
	}
#maincol #whatsnew table .day{
	border-bottom:1px  dotted #26A0E4;
	padding-bottom:10px;
	}
	
#maincol #whatsnew table .date{
	margin-top:10px;
	}
	
	
	
/*‚²—˜—pˆÄ“à------------------------------------------------------------*/
#maincol  #guide {
	margin-bottom:20px;
	}
	
#maincol  #guide h2, #maincol  #event h2 {
	font-size:90%;
	border-bottom:3px  solid #D0F0F8;
	padding:0 0 5px 10px;
	margin:20px 20px 0 10px;
	}
	
#maincol  #guide #faqanswer h2 {
	font-size:90%;
	border-bottom:3px  solid #D0F0F8;
	padding:0 0 5px 10px;
	margin:50px 20px 0 10px;
	}
	
#maincol  #guide h3 {
	font-size:90%;
	border-left:6px  solid #26A0E4;
	padding:5 0 5 10px;
	margin:15px 20px 0px 20px;
	background-color:#EEEEEE;
	}
	
#maincol  #guide #faqanswer h3 {
	font-size:90%;
	border-left:6px  solid #26A0E4;
	padding:5 0 5 10px;
	margin:5px 20px 0px 20px;
	background-color:#EEEEEE;
	}
	
#maincol  #guide #faqanswer .answermargin {
	padding:5px 0 0 0px;
	}
	
#maincol  #guide .answer_line {
	margin:50px 0 0 15px;
	}

#maincol  #guide .btnsample {
	margin:0px 5px;
	}
	
#maincol  #guide h4 {
	font-size:100%;
	margin:15px 20px -10px 20px;
	font-weight:bolder;
	}
#maincol  #guide p, #maincol  #impression p, #maincol  #contact p, #maincol  #privacy p {
	font-size:80%;
	line-height:1.7;
	margin:1em 30px 0 20px;
	}
#maincol  #guide table {
	font-size:80%;
	width:620px;
	margin:10px 10px 10px 20px;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
#maincol  #guide table td {
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding:4px;
	line-height:1.6;
	vertical-align:top;
	}
#maincol  #guide table th {
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	padding:2px;
	line-height:1.6;
	font-weight:lighter;
	text-align:center;
	}
#shippingcost {
	background-color: #DBF3FB;
	text-align:center;
	font-weight:bolder;
	}
.sizesample {
	font-size:80%;
	margin:30px 25px 0 25px;
	}
.sizesample img {
	margin:10px 0;
	}
	
	

/*‚¨‹q—l‚©‚ç‚Ì�º------------------------------------------------------------*/
	
.impression_box{
	border-top: 3px  solid #2AB0D0;
	margin:7px 15px 0px 15px;
	padding:10px 5px 10px 5px;
	}
	
.impression_box img{
	margin-bottom:7px;
	}
	
#impressionframe{
	font-size:80%;
	line-height:1.8;
	margin:10px 15px 0 15px;
	background-image:url(../common/images/detail_voicebg.gif);
	background-repeat:repeat-y;
	}

	
.impression_name{
	font-weight:bolder;
	}
.impression_item{
	float:left;
	width:90px;
	margin-left:10px;
	font-size:80%;
	}
.impression_text{
	float:right;
	width:485px;
	}
.impression_name img{
	vertical-align:middle;
	}
.impression_item img{
	margin-right:5px;
	vertical-align:middle;
	margin-bottom:20px;
	border:1px solid #26B0E9;
	}
	
	

/*‚¨–â‚¢�‡‚킹------------------------------------------------------------*/
	
#contact .btn{
	text-align:center;
	margin:20px;
	}
	

/*ƒvƒ‰ƒCƒoƒV�[ƒ|ƒŠƒV�[------------------------------------------------------------*/
	
#privacy ol{
	font-size:80%;
	line-height:1.7;
	margin:20px 70px 20px 70px;
	}
	

/*“Á’è�¤Žæˆø–@------------------------------------------------------------*/
	
#maincol #guide .law th, #maincol #guide .law td{
	padding:5px;
	}
	
	
/*ƒTƒCƒgƒ}ƒbƒv------------------------------------------------------------*/

#sitemap{
	margin:0 30px 0 30px;
	}

#sitemap #sitemapleft{
	float:left;
	width:290px;
	}
#sitemap #sitemapright{
	float:right;
	width:290px;
	}
	
#maincol  #guide #sitemap h2 {
	font-size:100%;
	border-bottom:3px  solid #D0F0F8;
	padding:3px;
	margin:20px 0px 0 0px;
	}
#sitemap ul{
	font-size:80%;
	line-height:1.9;
	margin:10px 0px 0px 38px;
	list-style-type:none;
	}

#sitemap h2 img{
	vertical-align:middle;
	margin-right:5px;
	}

/*“Á�W------------------------------------------------------------*/
#event-head-full img {
	margin:5px 0 0 12px;
	}
#event-head-full p {
	margin:5px 20px 20px 20px;
	font-size:90%;
	line-height:1.8;
	}
	
#event-head-half {
	margin:0px 20px 0 20px;
	}
	
#event-head-half img {
	float:right;
	margin:10px 0px 0 0px;
	}
#event-head-half p {
	float:left;
	width:300px;
	margin:15px 0px 20px 0px;
	font-size:90%;
	line-height:1.8;
	}
	
#event table.summary {
	margin:15px 0 0 22px;
	width:610px;
	border-left:1px solid #D6EDF7;
	border-top:1px solid #D6EDF7;
	font-size:80%;
	}
	
#event table.summary td, table.summary th{
	border-right:1px solid #D6EDF7;
	border-bottom:1px solid #D6EDF7;
	padding:5px;
	}
	
#event table.summary th{
	font-weight:lighter;
	font-style:normal;
	width:120px;
	background-color:#EDFAFF;
	}
	
#event table.summary td{
	line-height:1.3;
	width:490px;
	}
	
/*swatch------------------------------------------------------------*/