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

/*------------------------------------------------------------
common.css(=共通CSS設定)
purchase.css 買取サイト用CSS
------------------------------------------------------------*/

/* =リセット・初期化
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-size:15px;}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1.4;
	background-image:url(../image/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

p{ line-height:1.4; font-size:15px;}

a:link { color: #0000ff; font-weight:normal; font-size:12px;}
a:visited { color: #800080;  font-weight:normal;   }
a:active { color: #ff8000;  }
a:hover { color: #ff8000;  }

/* =基本枠
----------------------------------------------- */

#wrap_top{width: 100%; margin:0 auto;}
#wrap{width: 960px; margin:0 auto;}
#header{width: 960px; height:100px; margin:0 auto 10px auto;}

.clear{clear:both;}

/* =Header
----------------------------------------------- */
#wrap_top #wrap_top_inner{width: 960px; height:30px; margin:0 auto;}
#wrap_top #wrap_top_inner ul{ margin:0; padding:6px 0 0 0; text-align:right;}
#wrap_top #wrap_top_inner li{ display:inline;  width: 15em;margin-right: 2px; padding:2px; font-size:12px; text-align: center;}

#wrap h1{color:#3F1000; font-size:11px; font-weight:bold; padding:5px 0 0 0;}

#header #logo{width: 360px; height:100px; margin:0; float:left;}
#header #time{width: 300px; height:100px; margin:0; float:left;}
#header #adress{width: 300px; height:100px; margin:0; float:left;}

#nav{ width:100%; height:65px; margin:10px auto; background-image:url(../image/nav_bg.gif); clear:both;}
#nav ul{ width:960px; margin:0 auto; padding:0;}
#nav li{ float:left; height:65px;}


/* =BxSlider(スライドショー)
----------------------------------------------- */
#slider{width: 960px; margin:0 auto;}



/* =パンくずリスト
----------------------------------------------- */
#breadcrumbs{width: 960px; height:30px; margin:0 auto 15px auto;}
#breadcrumbs ol li {display: inline; list-style-type: none; font-size:11px; font-weight:bold;}
#breadcrumbs ol li:before {content: " > ";}
#breadcrumbs ol li:first-child:before { content:"";}

/* =Main
----------------------------------------------- */
#main{width:960px; margin:0 auto; padding:0;}
.main_section{width:100%; margin:0 0 10px 0; padding:0; float:left;}
.main_section .left_in{width:475px; float:left; margin:0 10px 10px 0; padding:0;}
.main_section .right_in{ width:475px; float:left; margin:0 0 10px 0; padding:0;}
.main_section span{font-size:13px;}
.main_section h2{background-color:#f0f0f0; padding:10px; margin:0; font-size:24px; font-weight:normal;}
.main_section h3{background-color:#f0f0f0; padding:10px; margin:15px 0; font-size:16px; font-weight:normal;}
.main_section p{ line-height:1.4; font-size:15px;}
.main_section  img{ width:95%; padding: 8px; background-color: #ffffff; border:1px #EFEFEF solid; margin:0px auto;}

		/* =main_entry(記事を書くとき専用)
		----------------------------------------------- */
		.main_entry{width:100%; margin:0 0 10px 0; padding:0; float:left;}
		.main_entry h2{background-color:#f0f0f0; padding:10px; margin:0; font-size:24px; font-weight:normal;}
		.main_entry h3{background-color:#f0f0f0; padding:10px; margin:15px 0; font-size:16px; font-weight:normal;}
		.main_entry p{ line-height:1.4; font-size:15px;}
		.main_entry img{ width:95%; padding: 8px; background-color: #ffffff; border:1px #EFEFEF solid; margin:10px auto;}
		
		.main_entry table{width:100%; margin:10px auto 10px 0; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
		.main_entry table caption{ background:url(../image/list_bg.gif) no-repeat 0 2px; font-size:13px; text-indent:1em;}
		.main_entry table th{width: 25%; padding: 4px; text-align: left; vertical-align: top; color: #444; background-color: #ccc; border-top: 1px solid #fff; 
		border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}
		.main_entry table td{ padding: 4px; background-color: #fafafa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}
		
		.main_entry ul{margin:0 0 0 20px; padding:0;}
		.main_entry li{ list-style:circle; margin:0 0 5px 0; padding:0;}
		
		
		/* =main_item(サーフボードアイテムで使用)
		----------------------------------------------- */
		.main_item{width:100%; margin:0 0 30px 0; padding:0; float:left;}
		.main_item_name{width:100%; height:40px; margin:0 0 30px 0; padding:0; float:left; font-weight:bold; font-size:24px; color:#222;  border-bottom:#CCC 1px dashed;}
		.main_item_inner{width:300px; margin:0; padding:0; float:left;}
			.main_item_logo{display: block; width:300px;  margin:0 auto; padding:0;}
			.main_item_text{width:280px;  margin:10px 0; padding:10px; float:left;}
			.main_item_text p{ line-height:1.5; font-size:12px;}
		.main_item_image{width:290px; margin:0 0 0 10px; padding:0; float:left;}
		.main_item_explanation{width:360px; margin:0; padding:0; float:left;}
		.main_item_explanation table{width:90%; margin:10px auto; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
		.main_item_explanation table th{width: 25%; padding: 4px; text-align: left; vertical-align: top; color: #444; background-color: #ccc; border-top: 1px solid #fff; 
		border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}
		.main_item_explanation table td{ padding: 4px; background-color: #fafafa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}

		
		/* =main_entry_sub(記事の下部の別ページリスト)
		----------------------------------------------- */
		.main_entry_sub{width:100%; margin:0 0 10px 0; padding:0; border-top:1px #EFEFEF solid; float:left;}
		.main_entry_sub h2{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_entry_sub h4{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_entry_sub ul{margin:0; padding:0;}
		.main_entry_sub li{width:237px;  margin:5px 4px 0 0; padding:0; background-color:#EFEFEF; float:left;}
		.main_entry_sub li.end{width:237px;  margin:5px 0 0 0; padding:0; background-color:#EFEFEF; float:left;}
		
		/* =main_entrydate(記事の下部の別ページリスト)
		----------------------------------------------- */
		.main_entrydate{width:100%; margin:30px 0 10px 0; padding:0; border-top:1px #EFEFEF solid; float:left;}
		.main_entrydate h2{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_entrydate h4{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_entrydate ul{margin:0; padding:0;}
		.main_entrydate li{ height:30px; margin:5px 5px 0 0; padding:10px 0 0 10px; background-color:#EFEFEF; font-size:15px;}

		/* =main_3column(記事の下部の別ページリスト)
		----------------------------------------------- */
		.main_3column{width:100%; margin:30px 0 10px 0; padding:0; border-top:1px #EFEFEF solid; float:left;}
		.main_3column h2{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_3column h4{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_3column ul{margin:0; padding:0;}
		.main_3column li{width:316px; margin:5px 6px 0 0; padding:0; float:left;}
		.main_3column li.end{width:316px;  margin:5px 0 0 0; padding:0;  float:left;}

		/* =main_news(トップニュース取得)
		----------------------------------------------- */
		.main_news{width:100%; margin:0 0 10px 0; padding:0; border:1px #EFEFEF solid; float:left;}


/* =Footer
----------------------------------------------- */
#footer{width: 100%; margin:0 auto;clear:both; background-color:#EFEFEF; border-top:5px #CCCCCC solid;}
#footer_inner{width: 960px; height:30px; margin:5px auto 0 auto;}
#footer_inner ul{ margin:0; padding:0;}
#footer_inner li{display:inline;  width: 15em;margin-right: 2px; padding:5px 2px; font-size:12px; text-align: center;}
address{width: 960px; height:30px; margin:0 auto; font-size:12px; text-align: center;}