/*-------------------------------------------------------
グローバル
-------------------------------------------------------*/

body { background:#ffffff; padding:0px; margin:0px; font-family:"MS PGothic",sans-serif; background:url(/design/marsurf/image/main_bg.gif) left repeat-y;  }


tr{ vertical-align: top; }
td{ vertical-align: top; }

a{ font-size:12px; color:#0000FF; text-decoration: none; }
a:hover{ text-decoration: underline; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }

img{
    margin:0px;
    border:0px;
}

h1 { margin:0px; padding:0px; font-weight:normal; }
h2 { margin:0px; padding:0px; font-weight:normal; }
h3 { margin:0px; padding:0px; font-weight:normal; }
h4 { margin:0px; padding:0px; font-weight:normal; }

#makebanner { text-align:left; }

/* Flashの隙間対策 */
object,embed { vertical-align:top; }



/*-------------------------------------------------------
ヘッダーとナビゲーション
-------------------------------------------------------*/
.header { height:385px; margin:0px; padding:0px; }
.header_1 { height:30px; margin:0px; padding:0px; background:url(/design/marsurf/image/header_bg_1.jpg) left top no-repeat; }
.header_2 { margin:0px; padding:0px; background:url(http://www.mar-surf.net/image/header_bg_2.jpg) left top no-repeat; clear:both; }

.header_title{ width:920px; height:30px; margin:0px; padding:0px; }
.header_left { padding:10px 0px 0px 10px; font-size:12px; color:#cccccc; float:left; }
.header_right{ margin:5px 0px 0px 10px; font-size:12px; color:#cccccc; float:right; }
.header_almerrick { margin:0px 5px 0px 0px; vertical-align: middle; }
.header_left h1 { margin:0px 10px 0px 0px; pading:0px; font-size:12px; color:#ffffff; font-weight:normal; float:left; }

.header_gnv { width:920px; margin:0px; padding:0px; clear:both; }

.header_logo_1{ width:309px; margin:0px; padding:0px; float:left; }
.header_gnv_right { width:596px; height:197px; float:right; }
.header_logo_2{ padding:64px 0px 0px 1px; float:left; }

.header_gnv_btn{ margin:119px 0px 0px 0px; }
.header_gnv_btn ul { width:596px; margin:0px; padding:0px; list-style:none; }
.header_gnv_btn li { margin:0px; padding:0px; float:left; }

.header_gnv_textlink { width:596px; height:47px; padding:18px 0px 0px 0px; font-size:12px; color:#ffffff; text-align:right; clear:both; }
.header_gnv_textlink ul { margin:0px 0px 0px 380px; padding:0px; list-style:none; }
.header_gnv_textlink li { padding:0px 0px 0px 20px; float:left; }
.header_gnv_textlink li a { font-size:12px; color:#ffffff; }
.header_gnv_textlink li a img { margin:0px 3px 0px 0px; }

.header_cnv { margin:0px 0px 0px 30px; width:880px; clear:both; }

.header_cnv_contents    { height:34px; margin:0px; float:left; }
.header_cnv_contents ul { margin:0px; padding:0px; list-style:none; }
.header_cnv_contents li { margin:0px; padding:0px; float:left; }

.header_cnv_shopping    { height:34px; margin:0px 0px 0px 12x; float:right; }
.header_cnv_shopping ul { margin:0px; padding:0px; list-style:none; }
.header_cnv_shopping li { margin:0px; padding:0px; float:left; }






/*-------------------------------------------------------
Left
-------------------------------------------------------*/
.left_box { width:220px; margin:0px; padding:0px 0px 0px 0px; }



/*-------------------------------------------------------
波情報
-------------------------------------------------------*/
.wave { width:180px; margin:0px 10px 10px 30px; background:#eeeeee; }
.wave iframe { margin:5px 0px 5px 0px; }


/*-------------------------------------------------------
天気予報
-------------------------------------------------------*/
.weather { width:180px; margin:0px 10px 10px 30px; }
.weather iframe { margin:0px 0px 3px 0px; }




/*-------------------------------------------------------
Left category
-------------------------------------------------------*/
.left_menu_title { width:180px; margin:0px 10px 0px 30px; }
.left_menu { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_menu_box { border:solid 1px #cccccc; }

.left_menu_search { padding:10px 0px 10px 10px; background:#f5f5f5; }
.left_menu_search_input { height:23px; vertical-align:top; }
.left_menu_search img { margin:0px padding:0px; vertical-align:top; }

.left_menu_list_spprice { width:178px; height:30px; background:url(/design/marsurf/image/left_list_spprice.gif) no-repeat; }
.left_menu_list_spprice a { height:30px; padding:8px 0px 0px 8px; font-size:12px; color:#003399; text-decoration:none; display:block; }
.left_menu_list_spprice a:hover { color:#003399; text-decoration:underline; }

.left_menu_list_recommend { width:178px; height:30px; background:url(/design/marsurf/image/left_list_recommend.gif) no-repeat; }
.left_menu_list_recommend a { height:30px; padding:8px 0px 0px 8px; font-size:12px; color:#003399; text-decoration:none; display:block; }
.left_menu_list_recommend a:hover { color:#003399; text-decoration:underline; }

.left_menu_list_brand { width:178px; height:59px; background:url(/design/marsurf/image/left_list_brand.gif) no-repeat; }
.left_menu_list_brand a { height:59px; padding:8px 0px 0px 8px; font-size:12px; color:#003399; text-decoration:none; display:block; }
.left_menu_list_brand a:hover { color:#003399; text-decoration:underline; }

.left_menu_list_lowprice { width:178px; height:90px; padding:0px; background:url(/design/marsurf/image/left_list_lowprice.gif) no-repeat; }
.left_menu_list_lowprice_box { padding:5px 0px 0px 8px; font-size:12px; color:#666666; line-height:14px; }
.left_menu_list_lowprice a { font-size:12px; color:#003399; line-height:24px; text-decoration:none; }
.left_menu_list_lowprice a:hover { color:#003399; text-decoration:underline; }
.left_menu_list_lowprice_title { margin:0px 0px 5px 0px; padding:0px; font-size:12px; color:#000000; font-weight:bold; }



.left_menu_category { margin:10px 0px 0px 0px; }
.left_menu_category ul { margin:0px; padding:0px; list-style:none; }
.left_menu_category li { margin:0px; padding:0px; vertical-align:middle; clear:both; }
.left_menu_category img { width:35px; height:35px; margin:0px 3px 0px 3px; float:left; }

.left_menu_category_a1 { height:35px; padding:3px 0px 3px 0px; font-size:12px; color:#333333; line-height:34px; text-decoration:none; display:block; border-top:solid 1px #dddddd; cursor:pointer;}
.left_menu_category_a1:hover { font-size:12px; color:#000000; background:#eeeeee; }
.left_menu_category_a1:link    { font-size:12px; color:#000000; }
.left_menu_category_a1:visited { font-size:12px; color:#000000; }

.left_menu_category_a2         { height:35px; padding:3px 0px 3px 0px; font-size:12px; color:#333333; line-height:16px; text-decoration:none; display:block; border-top:solid 1px #dddddd; cursor:pointer;}
.left_menu_category_a2:hover   { font-size:12px; color:#000000; background:#eeeeee; }
.left_menu_category_a2:link    { font-size:12px; color:#000000; }
.left_menu_category_a2:visited { font-size:12px; color:#000000; }



/*-------------------------------------------------------
Left dcost
-------------------------------------------------------*/
.left_dcost_title { width:180px; margin:0px 10px 0px 30px; }
.left_dcost { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_dcost_box { border:solid 1px #cccccc; }
.left_dcost_imgbox { height:55px; padding:10px 0px 10px 0px; text-align:center; border-bottom:solid 1px #dddddd; }
.left_dcost_link { padding:5px; text-align:right; }
.left_dcost_link_a         { font-size:12px; color:#000000; text-decoration:none; }



/*-------------------------------------------------------
Left payment
-------------------------------------------------------*/
.left_payment_title { width:180px; margin:0px 10px 0px 30px; }
.left_payment { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_payment_box { border:solid 1px #cccccc; }
.left_payment_imgbox { padding:10px 0px 10px 0px; text-align:center; border-bottom:solid 1px #dddddd; }
.left_payment_link { padding:5px; text-align:right; }
.left_payment_link_a         { font-size:12px; color:#000000; text-decoration:none; }




/*-------------------------------------------------------
Left guide
-------------------------------------------------------*/
.left_guide_title { width:180px; margin:0px 10px 0px 30px; }
.left_guide { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_guide_box { border:solid 1px #cccccc; }
.left_guide_box ul { margin:0px; padding:0px; list-style:none; }
.left_guide_box li { margin:0px; padding:0px; border-bottom:solid 1px #dddddd; font-size:12px; }
.left_guide_box_a         { padding:3px 5px 3px 5px;  font-size:12px; color:#333333; line-height:14px; text-decoration:none; display:block; }
.left_guide_box_a:hover   { color:#000000; text-decoration:none; background:#eeeeee; }
.left_guide_box_a:link    { color:#000000; text-decoration:none; }
.left_guide_box_a:visited { color:#000000; text-decoration:none; }



/*-------------------------------------------------------
Left support
-------------------------------------------------------*/
.left_support_title { width:180px; margin:0px 10px 0px 30px; }
.left_support { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_support_box { border:solid 1px #cccccc; }
.left_support_box ul { margin:0px; padding:0px; list-style:none; }
.left_support_box li { margin:0px; padding:0px; border-bottom:solid 1px #dddddd; font-size:12px; }
.left_support_box_a { padding:3px 5px 3px 5px; font-size:12px; color:#333333; line-height:14px; text-decoration:none; display:block; }
.left_support_box_a:hover   { color:#000000; text-decoration:none; background:#eeeeee; }
.left_support_box_a:link    { color:#000000; text-decoration:none; }
.left_support_box_a:visited { color:#000000; text-decoration:none; }


/*-------------------------------------------------------
Left mobile
-------------------------------------------------------*/
.left_mobile_title { width:180px; margin:0px 10px 0px 30px; }
.left_mobile { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_mobile_box { border:solid 1px #cccccc; }
.left_mobile_box ul { margin:0px; padding:0px; list-style:none; }
.left_mobile_box li { margin:0px; padding:0px; border-bottom:solid 1px #dddddd; font-size:12px; }
.left_mobile_box_a { padding:3px 5px 3px 5px; font-size:12px; color:#333333; line-height:14px; text-decoration:none; display:block; }
.left_mobile_box_a:hover   { color:#000000; text-decoration:none; background:#eeeeee; }
.left_mobile_box_a:link    { color:#000000; text-decoration:none; }
.left_mobile_box_a:visited { color:#000000; text-decoration:none; }


/*-------------------------------------------------------
Left service
-------------------------------------------------------*/
.left_service_title { width:180px; margin:0px 10px 0px 30px; }
.left_service { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_service_box { border:solid 1px #cccccc; }
.left_service_box ul { margin:0px; padding:0px; list-style:none; }
.left_service_box li { margin:0px; padding:0px; border-bottom:solid 1px #dddddd; font-size:12px; color:#666666; line-height:16px; }
.left_service_box a { padding:5px 6px 5px 6px; font-size:12px; color:#666666; line-height:16px; text-decoration:none; display:block; }
.left_service_box a:hover   { color:#000000; text-decoration:none; background:#eeeeee; }
.left_service_box a:link    { color:#000000; text-decoration:none; }
.left_service_box a:visited { color:#000000; text-decoration:none; }



/*-------------------------------------------------------
Left SubCategory
-------------------------------------------------------*/
.left_SubCtg_title { width:180px; margin:0px 10px 0px 30px; padding:5px 0px 5px 7px; background:url(/design/marsurf/image/left_subctg_bg.gif) no-repeat; }
.left_SubCtg_title h2 { font-size:12px; color:#ffffff; font-weight:bold; line-height:16px; }

.left_SubCtg { width:180px; margin:2px 10px 10px 30px; padding:0px; }
.left_SubCtg_box { border:solid 1px #cccccc; }

.left_SubCtg_box ul { margin:0px; padding:0px; list-style:none; }
.left_SubCtg_box li { margin:0px; padding:0px; vertical-align:middle; clear:both; }
.left_SubCtg_box img { width:35px; height:35px; margin:0px 3px 0px 3px; float:left; }

.left_SubCtg_box_a1         { height:35px; padding:3px 0px 3px 0px; font-size:12px; color:#333333; line-height:34px; text-decoration:none; display:block; border-top:solid 1px #dddddd; cursor:pointer;}
.left_SubCtg_box_a1:hover   { font-size:12px; color:#000000; background:#eeeeee; }
.left_SubCtg_box_a1:visited { font-size:12px; color:#000000; text-decoration:none; }
.left_SubCtg_box_a1:link    { font-size:12px; color:#000000; text-decoration:none; }

.left_SubCtg_box_a2         { height:35px; padding:3px 0px 3px 0px; font-size:12px; color:#000000; line-height:16px; text-decoration:none; display:block; border-top:solid 1px #dddddd; cursor:pointer;}
.left_SubCtg_box_a2:hover   { font-size:12px; color:#000000; text-decoration:none; background:#eeeeee; }
.left_SubCtg_box_a2:visited { font-size:12px; color:#000000; text-decoration:none; }
.left_SubCtg_box_a2:link    { font-size:12px; color:#000000; text-decoration:none; }

.left_SubCtg_box_a0 { height:35px; padding:3px 0px 3px 5px; font-size:12px; color:#333333; line-height:16px; text-decoration:none; display:block; cursor:pointer; border-top:solid 1px #cccccc;}
.left_SubCtg_box_a0:hover { font-size:12px; color:#000000; text-decoration:none; background:#eeeeee; }
.left_SubCtg_box_a0:link { font-size:12px; color:#000000; text-decoration:none; }
.left_SubCtg_box_a0:visited { font-size:12px; color:#000000; text-decoration:none; }

/*-------------------------------------------------------
Contents
-------------------------------------------------------*/
.contents { margin:0px; padding:0px; text-align:left; }





/*-------------------------------------------------------
Top contents
-------------------------------------------------------*/
.top_contents {
	width:690px;
	margin:0px auto 0px 0px;
	background:#000000;
	text-align:left;
}
.top_contents_main {
	padding-top: 10px;
}


/*-------------------------------------------------------
Top contents left
-------------------------------------------------------*/
.top_contents_left { width:525px; margin:0px; float:left; }
.top_contents_rss_btn { margin:0px; padding:0px; }

.top_contents_left .cols_banner {
	width:468px;
	margin:20px 0 0 20px;
	overflow: hidden;
	height: 1%;
	clear:both;
}
.top_contents_left .cols_banner p {
	margin: 0;
}
.top_contents_left .cols_banner .left {
	float: left;
	width: 229px;
}
.top_contents_left .cols_banner .right {
	float: right;
	width: 229px;
}

.top_contents_left .corporation {
	width:467px;
	margin:20px 0px 0px 35px;
	overflow: hidden;
	height: 1%;
	clear:both;
}
.top_contents_left .corporation .left {
	float: left;
	width: 316px;
	margin: 0;
}

.top_contents_left .corporation .right {
	float: right;
	width: 149px;
}
.top_contents_left .corporation .right p {
	margin-top: 0;
	margin-bottom: 2px;
}
.top_contents_left .corporation .right p.end {
	margin-bottom: 0;
}

.top_contents_oldheadline     { padding:5px 0px 0px 17px; text-align:left; clear:both; }
.top_contents_oldheadline img { margin:0px 3px 0px 0px; }
.top_contents_oldheadline a   { font-size:12px; color:#ff9900; text-decoration:none; }
.top_contents_oldheadline a:hover { text-decoration:underline; }


.top_whatsnew_box      { width:485px; margin:40px 20px 0px 20px; clear:both; }
.top_whatsnew_title_box { width:485px; }
.top_whatsnew_title    { margin:0px 8px 0px 0px; padding:0px; float:left; }
.top_whatsnew_box ul   { width:468px; margin:5px 0px 0px 17px; padding:0px; list-style:none; }
.top_whatsnew_box li   { padding:3px 0px 2px 3px; border-bottom:solid 1px #333333; font-size:12px; color:#cccccc; }
.top_whatsnew_box li a { font-size:12px; color:#cccccc; text-decoration:none; }
.top_whatsnew_box li a:hover { color:#ffffff; text-decoration:underline; }


.top_sale_box { width:485px; margin:40px 20px 0px 20px; clear:both; }
.top_sale_title_box { width:485px; }
.top_sale_title { margin:0px 8px 0px 0px; padding:0px; float:left; }

.top_sale_banner { width:468px; margin:15px 0px 0px 17px; }

.top_sale_hdl { clear:both; width:468px; margin:15px 0px 0px 17px; }
.top_sale_hdl_image { width:120px; margin:0px 8px 0px 0px; float:left; }
.top_sale_hdl_text        { width:340px; margin:0px 0px 0px 0px; line-height:16px; float:left; }
.top_sale_hdl_text a       { font-size:12px; color:#ffffff; line-height:16px; text-decoration:none; }
.top_sale_hdl_text a:hover { text-decoration:underline; }

.top_sale_hdl_title       { width:340px; font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.top_sale_hdl_title a       { font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.top_sale_hdl_title a:hover { text-decoration:underline; }
.top_sale_hdl_summary { width:340px; margin:5px 0px 0px 0px; font-size:12px; color:#999999; line-height:16px; }


.top_news_box { width:485px; margin:40px 20px 0px 20px; clear:both; }
.top_news_title_box { width:485px; }
.top_news_title { margin:0px 8px 0px 0px; padding:0px; float:left; }


.top_newitems_box { width:485px; margin:40px 20px 0px 20px; clear:both; }
.top_newitems_title_box { width:485px; }
.top_newitems_title { margin:0px 8px 0px 0px; padding:0px; float:left; }
.top_newitems_list { margin:20px 0px 0px 0px; }
.top_newitems_list a { color:#cccccc; }

.top_news_banner { width:468px; margin:15px 0px 0px 17px; }

.top_news_hdl { clear:both; width:468px; margin:15px 0px 0px 17px; }
.top_news_hdl_image { width:120px; margin:0px 8px 0px 0px; float:left; }
.top_news_hdl_text        { width:340px; margin:0px 0px 0px 0px; line-height:16px; float:left; }
.top_news_hdl_text a       { font-size:12px; color:#ffffff; line-height:16px; text-decoration:none; }
.top_news_hdl_text a:hover { text-decoration:underline; }

.top_news_hdl_title       { width:340px; font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.top_news_hdl_title span  { margin:0px 0px 0px 10px; font-size:12px; color:#ffffff; line-height:20px; text-decoration:none; }
.top_news_hdl_title a       { font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.top_news_hdl_title a:hover { text-decoration:underline; }
.top_news_hdl_summary { width:340px; margin:5px 0px 0px 0px; font-size:12px; color:#999999; line-height:16px; }


.top_howto_box { width:485px; margin:40px 20px 0px 20px; clear:both; }
.top_howto_title_box { width:485px; }
.top_howto_title { margin:0px 8px 0px 0px; padding:0px; float:left; }

.top_howto_hdl { clear:both; width:468px; margin:15px 0px 0px 17px; }
.top_howto_hdl_image { width:120px; margin:0px 8px 0px 0px; float:left;  }
.top_howto_hdl_text        { width:340px; margin:0px 0px 0px 0px; line-height:16px; float:left;   }
.top_howto_hdl_text a       { font-size:12px; color:#ffffff; line-height:16px; text-decoration:none; }
.top_howto_hdl_text a:hover { text-decoration:underline; }

.top_howto_hdl_title       { width:340px; font-size:16px; color:#ffffff; line-height:24px; text-decoration:none; }
.top_howto_hdl_title a       { font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.top_howto_hdl_title a:hover { text-decoration:underline; }
.top_howto_hdl_summary { width:340px; margin:0px 0px 0px 0px; font-size:12px; color:#ff9900; line-height:14px; }



/*-------------------------------------------------------
Top contents right
-------------------------------------------------------*/
.top_contents_right { width:160px; float:left; }

.right_photo { width:160px; margin:0px 0px 0px 0px; background:#262626; }
.right_photo_title { padding:10px 0px 10px 5px; }
.right_photo_box { margin:0px 5px 10px 5px; font-size:12px; }
.right_photo_box a { font-size:12px; color:#999999; text-decoration;none;}
.right_photo_box a:hover { color:#ffffff; text-decoration;underline;}
.right_photo_box img { margin:0px 0px 3px 0px; }


.right_pickup { width:160px; margin:20px 0px 0px 0px; background:#262626; }
.right_pickup_title { padding:10px 0px 10px 5px; }
.right_pickup_box { margin:0px 5px 10px 5px; font-size:12px; }
.right_pickup_box a { font-size:12px; color:#999999; text-decoration;none;}
.right_pickup_box a:hover { color:#ffffff; text-decoration;underline;}
.right_pickup_box img { margin:0px 0px 3px 0px; }


/*-------------------------------------------------------
footer
-------------------------------------------------------*/
.footer { width:690px; margin:0px; padding:20px 0px 0px 0px; background:#000000; }

.recommend_box { width:660px; margin:40px 0px 20px 20px; clear:both; }
.recommend_title_box { width:660px; margin:0px 0px 0px 0px; }
.recommend_title { margin:0px 0px 0px 0px; padding:0px; float:left; }
.recommend_list_table { width:220px; margin:10px 15px 0px 15px; font-size:12px; color:#ffffff; text-align:center; float:left; }
.recommend_list_table .margin { width:30px; }
.recommend_list_box { padding:5px 10px 5px 10px; margin:5px 0px 0px 0px; font-size:12px; color:#ffffff; line-height:16px; text-align:left; }

.hot_box { width:660px; margin:0px 0px 0px 0px; clear:both; }
.hot_title_box { width:660px; margin:0px 0px 0px 0px; }
.hot_title { margin:0px 0px 0px 0px; padding:0px; float:left; }
.hot_list_table { width:220px; margin:10px 0px 0px 15px; font-size:12px; color:#ffffff; text-align:center; }
.hot_list_table .margin { width:30px; }
.hot_list_box { padding:5px 10px 5px 10px; margin:5px 0px 0px 0px; font-size:12px; color:#ffffff; line-height:16px; text-align:left; }


.marinfo_box { width:660px; margin:20px 0px 20px 20px; clear:both; }
.marinfo_title_box { width:660px; margin:0px 0px 0px 0px; }
.marinfo_title { margin:0px 0px 0px 0px; padding:0px; float:left; }

.marinfo_image { margin:0px 10px 0px 17px; }
.marinfo_summary { margin:0px 10px 0px 0px; font-size:12px; color:#999999; line-height:24px; }
.marinfo_telnum {  }
.marinfo_link { margin:0px 0px 0px 0px; line-height:20px; }
.marinfo_link img { margin:0px 3px 0px 0px; }


/*-------------------------------------------------------
footer2　(下層ページのfooter)
-------------------------------------------------------*/
.footer2 { width:690px; margin:60px 0px 0px 0px; padding:20px 0px 0px 0px; background:#000000; }
.marinfo_box2 { width:660px; margin:20px 0px 20px 20px; clear:both; }




/*-------------------------------------------------------
image
-------------------------------------------------------*/
.img_120x75 { width:120px; height:75px; }
.img_128x128 { width:128px; height:128px; }
.img_150x150 { width:150px; height:150px; }
.img_150 { width:150px; }
.img_468 { width:468px; }




/*-------------------------------------------------------
category
-------------------------------------------------------*/
.category { width:690px; }
.category_name { text-align:left; }
.category_name h2 { font-size:23px; color:#000000; font-weight:bold;  }

.category_path { margin:10px 0px 0px 10px; font-size:12px; color:#000000; text-align:left; }

.category_group { margin:0px 0px 0px 0px; padding:10px 0px 0px 10px; background:#eeeeee; font-size:12px; color:#000000; text-align:left; }

.category_list_title { width:690px; height:26px; margin:10px 0px 0px 0px; background:url(/design/marsurf/image/titlebar_690x26.gif) no-repeat; font-size:12px; text-align:left; }
.category_list_title_str { padding:7px 0px 0px 10px; font-size:12px; color:#666666; font-weight:bold; float:left; }

.category_list_title_header { margin:7px 10px 0px 0px; font-size:12px; color:#000000; text-align:right; float:right; }
.category_list_title_header .volume { margin:0px 30px 0px 10px; }
.category_list_box { padding:4px; border:solid 1px #cccccc; }
.category_list_table { width:680px; margin:5px 0px 0px 0px; }
.category_list_table table { width:680px; }
.category_list_table td { padding:10px 5px 10px 0px; color:#666666; line-height:16px; vertical-align:middle; }
.category_list_table td img { width:60px; }
.category_list_table td a { font-size:12px; color:#0000ff; font-weight:bold; line-height:16px; }
.category_list_table td a:visited { font-size:12px; color:#0000ff; font-weight:bold; line-height:16px; }
td.line { height:1px; padding:0px; overflow:hidden; font-size:1px; line-height:1px; }

.category_list_page { width:680px; margin:20px 0px 0px 0px; padding:10px 0px 10px 0px; border-top:solid 1px #cccccc; line-height:20px; }

.category_shopinfo_table { width:690px; margin:60px 0px 0px 0px; }




/*-------------------------------------------------------
guide
-------------------------------------------------------*/
.guide { width:690px; margin:0px 0px 60px 0px; }
.guide_name { width:690px; height:40px; text-align:left; background:url(/design/marsurf/image/titlebar_690x40.gif) no-repeat; }
.guide_name h2 { padding:13px 0px 0px 13px; font-size:16px; color:#000000; font-weight:bold; letter-spacing:1px; }

.guide_payment_title { margin:30px 0px 0px 20px; border-bottom:solid 2px #003399; font-size:16px; color:#003399; font-weight:bold; }
.guide_payment_box { margin:10px 0px 0px 60px; font-size:12px; color:#000000; line-height:18px; }
.guide_payment_box p { margin:10px 0px 0px 0px; }
.guide_payment_box_rows { padding:5px 0px 0px 5px; border-bottom:solid 1px #cccccc; }




/*-------------------------------------------------------
contents
-------------------------------------------------------*/

.cnt { width:690px; margin:0px 0px 0px 0px; padding:0px; background:#000000; }
.cnt_name { width:690px; height:40px; text-align:left; background:url(/design/marsurf/image/titlebar_690x40_bk.gif) no-repeat; }
.cnt_name h2 { padding:13px 0px 0px 13px; font-size:16px; color:#ffffff; font-weight:bold; letter-spacing:1px; }
.cnt_path { margin:5px 0px 0px 5px; font-size:12px; color:#ffffff; }

.cnt_box { padding:20px 20px 60px 20px; text-align:left; }

.cnt_box .top_sale_banner { width:468px; margin:15px 0px 0px 17px; }
.cnt_box .top_sale_hdl { clear:both; width:468px; margin:15px 0px 0px 17px; }
.cnt_box .top_sale_hdl_image { width:120px; margin:0px 8px 0px 0px; float:left; }
.cnt_box .top_sale_hdl_text        { width:340px; margin:0px 0px 0px 0px; line-height:16px; float:left; }
.cnt_box .top_sale_hdl_text a       { font-size:12px; color:#ffffff; line-height:16px; text-decoration:none; }
.cnt_box .top_sale_hdl_text a:hover { text-decoration:underline; }
.cnt_box .top_sale_hdl_title       { width:340px; font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.cnt_box .top_sale_hdl_title a       { font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.cnt_box .top_sale_hdl_title a:hover { text-decoration:underline; }
.cnt_box .top_sale_hdl_summary { width:340px; margin:5px 0px 0px 0px; font-size:12px; color:#999999; line-height:16px; }


.cnt_box .top_news_banner { width:468px; margin:15px 0px 0px 17px; }
.cnt_box .top_news_hdl { clear:both; width:468px; margin:15px 0px 0px 17px; }
.cnt_box .top_news_hdl_image { width:120px; margin:0px 8px 0px 0px; float:left; }
.cnt_box .top_news_hdl_text        { width:340px; margin:0px 0px 0px 0px; line-height:16px; float:left; }
.cnt_box .top_news_hdl_text a       { font-size:12px; color:#ffffff; line-height:16px; text-decoration:none; }
.cnt_box .top_news_hdl_text a:hover { text-decoration:underline; }
.cnt_box .top_news_hdl_title       { width:340px; font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.cnt_box .top_news_hdl_title a       { font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.cnt_box .top_news_hdl_title a:hover { text-decoration:underline; }
.cnt_box .top_news_hdl_summary { width:340px; margin:5px 0px 0px 0px; font-size:12px; color:#999999; line-height:16px; }

.cnt_box .top_howto_hdl { clear:both; width:468px; margin:15px 0px 0px 17px; }
.cnt_box .top_howto_hdl_image { width:120px; margin:0px 8px 0px 0px; float:left;  }
.cnt_box .top_howto_hdl_text        { width:340px; margin:0px 0px 0px 0px; line-height:16px; float:left;   }
.cnt_box .top_howto_hdl_text a       { font-size:12px; color:#ffffff; line-height:16px; text-decoration:none; }
.cnt_box .top_howto_hdl_text a:hover { text-decoration:underline; }
.cnt_box .top_howto_hdl_title       { width:340px; font-size:16px; color:#ffffff; line-height:24px; text-decoration:none; }
.cnt_box .top_howto_hdl_title a       { font-size:16px; color:#ffffff; line-height:20px; text-decoration:none; }
.cnt_box .top_howto_hdl_title a:hover { text-decoration:underline; }
.cnt_box .top_howto_hdl_summary { width:340px; margin:0px 0px 0px 0px; font-size:12px; color:#ff9900; line-height:14px; }



/*-------------------------------------------------------
howto
-------------------------------------------------------*/
.cnt_howto { width:690px; margin:0px 0px 0px 0px; padding:0px; }
.cnt_howto_name { width:690px; height:40px; text-align:left; background:url(/design/marsurf/image/titlebar_690x40_bk.gif) no-repeat; }
.cnt_howto_path { margin:5px 0px 0px 5px; font-size:12px; color:#000000; }
.cnt_howto_box { padding:20px; }




/*-------------------------------------------------------
item
-------------------------------------------------------*/
.item { width:690px; margin:0px 0px 60px 0px; }
.item_name { width:690px; height:40px; text-align:left; background:url(/design/marsurf/image/titlebar_690x40.gif) no-repeat; }
.item_name h2 { padding:13px 0px 0px 13px; font-size:16px; color:#000000; font-weight:bold; letter-spacing:1px; }
.item_path { margin:5px 0px 0px 5px; font-size:12px; color:#000000; text-align:left; }



/*-------------------------------------------------------
サーフブランド一覧
-------------------------------------------------------*/
.brand_list { margin:20px; }
.brand_list dt { margin:30px 0px 0px 0px; }
.brand_list dt img { margin:0px 10px 0px 0px; }
.brand_list dt a         { font-size:16px; color:#0000ff; font-weight:bold; }
.brand_list dt a:visited { font-size:16px; color:#0000ff; font-weight:bold; }
.brand_list dd { margin:5px 0px 0px 60px; }
.brand_list dd a         { font-size:12px; color:#0000ff; }
.brand_list dd a:visited { font-size:12px; color:#0000ff; }

/*-------------------------------------------------------
リンク一覧
-------------------------------------------------------*/
.link_list { margin:20px; }
.link_list dt { margin:20px 0px 0px 20px; font-size:12px; }
.link_list dt img { margin:0px 10px 5px 0px; }
.link_list dt a         { font-size:16px; color:#0000ff; font-weight:bold; }
.link_list dt a:visited { font-size:16px; color:#0000ff; font-weight:bold; }
.link_list dd { margin:0px 0px 0px 20px; font-size:12px; line-height:18px; }
.link_list dd a         { font-size:12px; color:#0000ff; }
.link_list dd a:visited { font-size:12px; color:#0000ff; }