@charset "utf-8";
/*
Theme Name: Dot-Bit
Theme URI:
Description:
Version: 0.1
Author: nakasato
Author URI:
Tags: 1colum
*/

/* ページ全体の基本的な設定。背景色や文字色など */
* {
	margin:0px;
	padding:0px;
}
html {
	background:#003fbd;
}
body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Verdana', 'Arial', 'Helvetica','sans-serif';
	font-size:14px;
	color:#333;
	background:#fff;
	height:100%;
}
div,dl,ul {
	margin:0px;
	padding:0px;
}
	div:after,dl:after,ul:after {
		content: "";
		display: block;
		clear: both;
		height: 0px;
		overflow: hidden;
	}
	* html div,* html dl,* html ul {
		height: 0em;
		overflow: visible;
	}
p {
	margin:0px;
	padding:0px;
}
article, aside, footer, header, nav, section {
	display:block;
}

/* リンク文字列に関する設定 */
a {
	-moz-transition:color .1s ease-in-out;
	-webkit-transition:color .1s ease-in-out;
	-o-transition:color .1s ease-in-out;
	transition:color .1s ease-in-out;
}
a:link {
	text-decoration:underline;
	color:#000;
}
a:visited {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#ffaa00;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}

/*
	画像基本設定
*/
img {
	border:none;
}
/* ---------------------------------------------------------------------------------------------- */
#header {
	width:100%;
}
div.headtext {
	color:#fff;
	height:32px;
	background:url(images/bg_head.gif) repeat-x top;
}
h1 {
	width:800px;
	margin:0 auto;
	font-size:12px;
	font-weight:normal;
	padding:12px 0 0;
}
div.title {
	width:800px;
	margin:0 auto;
}
	#header h2 {
		width:300px;
		float:left;
		padding:25px 0;
	}
	#header ul.sub {
		list-style:none;
		width:450px;
		float:right;
	}
	#header ul.sub li {
		block:inline;
		text-align:right;
		float:right;
		padding:45px 0 0 15px;
	}

#menu {
	height:47px;
	background:url(images/bg_menu.gif) repeat-x top;
}
#menu ul {
	list-style:none;
	width:800px;
	margin:0 auto;
	padding:15px 0 0 0;
}
#menu li {
	block:inline;
	background:url(images/icon_menu.png) no-repeat left top;
	float:left;
	margin:0 30px 0 0;
	padding:5px 0 5px 28px;
}
	#menu a:link,
	#footer a:link {
		text-decoration:none;
		color:#fff;
	}
	#menu a:visited,
	#footer a:visited {
		text-decoration:none;
		color:#fff;
	}
	#menu a:hover,
	#footer a:hover {
		text-decoration:none;
		color:#ffaa00;
}

#wrap {
	width:800px;
	margin:0 auto;
	padding:0 20px;
	/* background:url(images/bg_wrap.gif) repeat-y top; */
}

#contents {
	width:530px;
	margin:10px 0 0 0;
	float:right;
}
h3.title00 {
	font-size:16px;
	margin:0 0 10px 0;
	color:#003fbd;
}

h4.title00 {
	width:482px;
	height:33px;
	font-size:13px;
	font-weight:normal;
	padding:4px 10px 6px 20px;
	background:url(images/main_title01.gif) no-repeat top left;
}
dl.news {
	width:460px;
	margin:0px 0 5px 20px;
	border-bottom:1px dashed #ccc;
}
dl.news dt {
	width:80px;
	float:left;
}
dl.news dd {
	width:350px;
	float:right;
}

div.bottombox {
	width:500px;
}
div.bottombox h4 {
	color:#1c5992;
}
div.bottombox div.bbox {
	width:235px;
	padding:10px 0;
}
div.bottombox div.left {
	float:left;
}
div.bottombox div.right {
	float:right;
}
div.bottombox div.underbbox {
	font-size:11px;
	background:url(images/bg_top_underbox.gif) repeat-x bottom;
	border:1px solid #ccc;
	padding:5px;
}
	div.bottombox h5 {
		color:#fff;
		text-align:right;
		font-size:10px;
		padding:2px 10px;
		background:url(images/bg_undertitle.gif) repeat-x center;
	}
	div.bottombox div.annai {
		height:100px;
		background:url(images/top_icon01.gif) no-repeat 5px 10px;
		padding:5px 0 10px 105px;
	}
	div.bottombox div.naiyou {
		height:100px;
		background:url(images/top_icon02.gif) no-repeat 5px 10px;
		padding:5px 0 10px 105px;
	}
	div.bottombox div.annai ul {
		list-style:none;
	}
	div.bottombox div.annai li,
	div.bottombox div.naiyou p.button {
		padding:5px 0 5px 20px;
		background:url(images/top_icon_head.gif) no-repeat left center;
	}
#sidebar {
	width:247px;
	margin:10px 0 0 0;
	float:left;
}
#sidebar h3.title01 {
	width:221px;
	font-sie:13px;
	font-weight:normal;
	padding:4px 10px 6px 16px;
	color:#fff;
	background:url(images/side_title01.gif) no-repeat top left;
}
#sidebar div.sbox {
	background:url(images/bg_sidebar_box_body.gif) repeat-y center;
	margin:0 0 15px;
}
#sidebar div.sboxtext {
	width:247px;
	background:url(images/bg_sidebar_box_foot.gif) no-repeat bottom;
	padding:0 0 10px;
}
#sidebar div.sbox p {
	padding:5px 10px;
}
#sidebar p.sbtxt {
	width:100px;
	font-size:10px;
	float:left;
	padding:5px 10px;
}
#sidebar p.sbmap {
	width:100px;
	float:right;
	margin:10px 0 0 0;
	padding:5px 10px;
}
#footer {
	width:100%;
	color:#f0f0f0;
	padding:15px 0;
	text-align:center;
	background:#003fbd;
	clear:both;
}
h3.contentshead {
	margin:0 0 20px;
}
div.pttext {
	color:#003fbd;
	width:420px;
	padding:0 0 0 80px;
}
div.kankyou_text {
	width:220px;
	padding:10px 200px 0 80px;
	height:200px;
	background:url(images/bg_kankyou.jpg) no-repeat right top;
}

div.section {
	width:500px;
	margin:0 0 10px;
}
div.section h4 {
	font-size:12px;
	font-weight:normal;
	background:url(images/bg_subtitle.gif) no-repeat left;
	margin:20px 0 5px;
	padding:5px 20px;
	clear:both;
}
div.section p {
	margin-left:15px;
}
div.section p.pic {
	margin:0 0 20px;
}

div.aisatsu {
	line-height:180%;
}


table.sline {
	border-collapse:collapse;
	width:470px;
	margin:0 auto;
}
table.sline th {
	background:#d6ebff;
}
table.sline th,
table.sline td {
	padding:5px;
	border:1px solid #80c1ff;
}

dl.cmp {
	width:485px;
	margin:0 0 15px 15px;
	border-bottom:1px dashed #ccc;
}
dl.cmp dt {
	color:#003fbd;
	font-weight:bold;
	width:100px;
	float:left;
}
dl.cmp dd {
	width:375px;
	float:right;
}

div.underBox {
	margin:30px 0;
}
div.photoaria {
	width:485px;
	margin:10px 0 0 15px;
}
div.photoaria_ev {
	background:url(images/bg_ev.jpg) no-repeat right;
}
div.underline {
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px dashed #ccc;
}
div.photoaria p {
	font-size:12px;
	width:150px;
	text-align:center;
	padding:0 0 0 10px;
	margin:0;
	float:left;
}
div.photoaria p.picset2 {
	width:225px;
	text-align:center;
	padding:0 0 0 10px;
	margin:0;
	float:left;
}
div.photoaria p.leftalign {
	padding-left:10px;
	text-align:left;
}

div.picbox {
	margin:20px 0 20px 10px;
}
div.prodbox {
	clear:both;
	margin:10px 0 20px 5px;
}
div.prodbox p {
	font-size:12px;
	width:120px;
	text-align:center;
	margin:0;
	padding:0 0 10px 10px;
	float:left;
}
div.prodbox p.textonly {
	height:3em;
	text-align:left;
}

h4.ptitle {
	margin:0 0 0 15px;
	padding:5px 15px;
	background:url(images/ptitle.jpg) no-repeat left;
	clear:both;
}

/* contact/------------------------------------- */
#mailform {
	margin:10px 0;
}

#mailform span.red {
	color:#f00;
	font-weight:bold;
}

#mailform dl {
	width:500px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	clear:both;
}

#mailform dt {
	width:140px;
	padding:5px;
	float:left;
	font-weight:bold;
	text-align:right;
}

#mailform dd {
	width:340px;
	padding:5px;
	float:right;

}
#chk {
	margin-right5px:
}
#name,#kana,#tanto,#email,#title {
	width:300px;
	padding:3px;
}
#tel1 {
	width:50px;
	padding:3px;
}
#tel2,#tel3 {
	width:100px;
	padding:3px;
}
#comment {
	width:300px;
	height:5em;
	padding:3px;
}
input.button {
	width:150px;
	padding:5px;
}
#mailform div.boxleft {
	width:200px;
	padding:5px;
	text-align:right;
	float:left;
}
#mailform div.boxright {
	width:200px;
	padding:5px;
	text-align:left;
	float:right;
}
#mailform p.finish {
	margin:20px 0;
}
#mailform p.link {
	margin:20px 0;
	text-align:center;
	font-weight:bold;
}

ul.sitemap {
	margin:0 0 30px 30px;
}

ul.sitemap li {
	margin:0 0 20px;
}
ul.sitemap li ul {
	margin:15px 0 20px 30px;
}


/* span */
span.small {
	font-size:12px;
}
span.big {
	font-size:16px;
}