z@charset "utf-8";

/* reset css
---------------------- */
html {
	height: 100%;
	overflow-y: scroll;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
th,
td {
	padding: 0;
	margin: 0;
}

address,
caption,
em,
strong,
th {
	font-style: normal;
}

caption,
th {
	text-align: left;
}

hr,
legend {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

li {
	list-style-type: none;
}

#contents table,
#contents ol,
#contents ul,
#contents dl,
#contents blockquote,
#contents pre,
#contents p {
	margin-bottom: 1em;
}

a img,
fieldset {
	border: none;
}

body {
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	color: #1F1B18;
	line-height: 1.5;
	background: url(img/very_top_bar.gif) repeat-x 0 0;
	}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

a:link {
}

a:visited {
	text-decoration: none;
}

a:hover {
}

a:active {
}

/* LAYOUT
---------------------- */

#page {
	margin: 0 auto;
	min-height: 100%;
}
#page h1{
	margin-top: 20px;
}

/* header */
#header {
	zoom: 1;
	width: 950px;
	margin: 0 auto 0 auto;
}

#header h2 {
	float: left;
}

#header p {
	padding:15px 0 0;
	font-size:90%;
}

#topnavi {
	float: right;
}

/* navigation */




/* navigation */

#menu dl {
	margin-bottom:10px;
}

#menu dt {
	font-size:0;
}

#menu dt img {
	vertical-align: bottom;
}

#menu dd {
	padding: 0px;
	margin: 0px;
	background: no-repeat;
}

#menu dd.m14 {
	margin-top: 5px;
}

#menu dd a {
	display:block;
	height:40px;
	text-indent:-9999px;
	/*\*/ overflow: hidden;
	background:no-repeat;
}
#menu dd.m00 {
	background: url(img/menu00-hover.gif) no-repeat;
}
#menu dd.m00 a{
	background: url(img/menu00.gif) no-repeat;
}
#menu dd.m00_1 {
	background: url(img/menu00_1-hover.gif) no-repeat;
}
#menu dd.m00_1 a{
	background: url(img/menu00_1.gif) no-repeat;
}

#menu dd.m01 {
	background: url(img/menu01-hover.gif) no-repeat;
}

#menu dd.m01 a {
	background: url(img/menu01.gif) no-repeat;
}

#menu dd.m02 {
	background: url(img/menu02-hover.gif) no-repeat;
}

#menu dd.m02 a {
	background: url(img/menu02.gif) no-repeat;
}

#menu dd.m03 {
	background: url(img/menu03-hover.gif) no-repeat;
}

#menu dd.m03 a {
	background: url(img/menu03.gif) no-repeat;
}

#menu dd.m04 {
	background: url(img/menu04-hover.gif) no-repeat;
}

#menu dd.m04 a {
	background: url(img/menu04.gif) no-repeat;
}

#menu dd.m05 {
	background: url(img/menu05-hover.gif) no-repeat;
}

#menu dd.m05 a {
	background: url(img/menu05.gif) no-repeat;
}

#menu dd.m06 {
	background: url(img/menu06-hover.gif) no-repeat;
}

#menu dd.m06 a {
	background: url(img/menu06.gif) no-repeat;
}

#menu dd.m07 {
	background: url(img/menu07-hover.gif) no-repeat;
}

#menu dd.m07 a {
	background: url(img/menu07.gif) no-repeat;
}

#menu dd.m08 {
	background: url(img/menu08-hover.gif) no-repeat;
}

#menu dd.m08 a {
	background: url(img/menu08.gif) no-repeat;
}

#menu dd.m09 {
	background: url(img/menu09-hover.gif) no-repeat;
}

#menu dd.m09 a {
	background: url(img/menu09.gif) no-repeat;
}

#menu dd.m10 {
	background: url(img/menu10-hover.gif) no-repeat;
}

#menu dd.m10 a {
	background: url(img/menu10.gif) no-repeat;
}

#menu dd.m11 {
	background: url(img/menu11-hover.gif) no-repeat;
}

#menu dd.m11 a {
	background: url(img/menu11.gif) no-repeat;
}

#menu dd.m12 {
	background: url(img/menu12-hover.gif) no-repeat;
}

#menu dd.m12 a {
	background: url(img/menu12.gif) no-repeat;
}

#menu dd.m13 {
	background: url(img/menu13-hover.gif) no-repeat;
}

#menu dd.m13 a {
	background: url(img/menu13.gif) no-repeat;
}

#menu dd.m14 {
	background: url(img/menu14-hover.gif) no-repeat;
}

#menu dd.m14 a {
	background: url(img/menu14.gif) no-repeat;
}

#menu dd.m15 {
	background: url(img/menu15-hover.gif) no-repeat;
}

#menu dd.m15 a {
	background: url(img/menu15.gif) no-repeat;
}

#menu dd.m16 {
	background: url(img/menu16-hover.gif) no-repeat;
}

#menu dd.m16 a {
	background: url(img/menu16.gif) no-repeat;
}

#menu dd.m17 {
	background: url(img/menu17-hover.gif) no-repeat;
}

#menu dd.m17 a {
	background: url(img/menu17.gif) no-repeat;
}

#menu dd.m18 {
	background: url(img/menu18-hover.gif) no-repeat;
}

#menu dd.m18 a {
	background: url(img/menu18.gif) no-repeat;
}

#menu dd.m19 {
	background: url(img/menu19-hover.gif) no-repeat;
}

#menu dd.m19 a {
	background: url(img/menu19.gif) no-repeat;
}

#menu dd.m20 {
	background: url(img/menu20-hover.gif) no-repeat;
}

#menu dd.m20 a {
	background: url(img/menu20.gif) no-repeat;
}

#menu dd a:hover {
	background: none;
}

#contents {
	clear: both;
	zoom: 1;
	background:#fff;
	width: 950px;
	margin: 0 auto;
}

/* contents */
#visual {
	width: 730px;
	margin: 0 0 20px 0;
}

#contents:after,
#header:after,
#gnavi:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

#sub {
	float: left;
	width: 200px;
	margin: 20px 0;
}

#sub a img {
	display: block;
}

#sub ul a img {
	display: inline;
}

#sub a:hover {
	text-decoration:none;
}

#sub h3 {
	padding: 8px 8px 5px;
	font-size: 160%;
	background: url(img/sub_title.gif) no-repeat left top;
}

#sub h3 span {
	font-size:50%;
	font-weight:normal;
	display:block;
	color:#004f06;
}

#sub p {
	color:#0033FF;
	font-size:80%;
}

#sub ul {
	padding: 0px 3px 20px;
	background: url(img/sub_back.gif) no-repeat left bottom;
	font-size:90%;
}

#sub li {
	padding: 3px 10px;
}

#sub li.first_list {
	padding-top: 10px;
}

#main {
	float: right;
	width: 730px;
	margin: 0;
	display: inline;
}

.section h3 {
	overflow:hidden;
	zoom:1;
	clear:both;
	background: url(img/title-bg.jpg) no-repeat;
	font-weight:bold;
	font-size: 130%;
	color:#ffffff;
	margin-top: 15px;
	padding: 10px 10px 22px 15px;
}
.section #reco h3 {
	margin-top: 0px;
	padding: 10px 10px 22px 30px;
	background: url(img/title-bg2.jpg) no-repeat 50% 0;
}
.section h4 {
	font-weight:bold;
	font-size:110%;
	color: #333;
	border:1px solid #e3e5e6;
	border-left:solid 6px #930;
	margin-bottom:10px;
	padding:20px 15px;
}

.article {
	overflow:hidden;
	zoom:1;
	letter-spacing:2px;
	line-height:24px;
	color: #32281F;
	padding: 10px;
	border-bottom: 1px dotted #dcc;
	margin-bottom:10px;
}

/* footer */
#footer {
	background: url(img/very_top_bar.gif) repeat-x 0 100% #FFF3EE;
	clear: both;
	padding:0px 0 10px;
	color: #666;
	
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footernavi {
	color: #666;
	padding: 10px;
	text-align: center;
	background: url(img/border.gif) repeat-x left top;
}

#footernavi li {
	color: #666;
	padding: 10px;
	display: inline;
	background: url(img/point1.gif) no-repeat left center;
}

#copy {
	text-align:center;
	margin:10px 0;
}

#copy a {
	text-decoration: none;
}

/* 戻る */
.return {
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

.return a:link {
	background: #FF99CC;
}

.return a:visited {
	background: #FF99CC;
}

.return a:hover {
	background: #CC9966;
}

.return a:active {
	background: #CC9966;
}

/* 汎用スタイル */
.clear {
	clear: both;
}

.p_c {
	text-align:center;
}

.p_r {
	text-align:right;
}

.img_r {
	float: right;
	padding: 0 0 10px 10px;
}

.img_l {
	float: left;
	padding: 0 10px 10px 0;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

/* 各固定ページ用
---------------------- */


/* greeting.html */
#CompanyInfo {
	margin: 1em 0 2em;
	border-collapse: separate;
	width:99%;
}

#CompanyInfo th,
#CompanyInfo td {
	padding: 5px 10px;
	border-bottom: 1px solid #cccccc;
	line-height: 1.5;
}

#CompanyInfo th {
	border-left: 3px solid #318831;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

#CompanyInfo ul {
	margin:0;
}

/* access.html */
#access #main dt {
	font-weight: bold;
	color: #F56854;
}

#access #main dd {
	margin: 0 0 1em 1em;
}

#map {
	height: 350px;
	width: 500px;
	font-size:90%;
	margin: 20px auto 30px;
	border: 1px solid #CCCCCC;
}

.googlemap {
	text-align: center;
}

/* privacy.html */

#privacy #main ul li {
	margin-left: 1.5em;
	list-style: none;
}

#privacy #main dl {
	margin-left: 1.5em;
}

#privacy #main dl dd {
	margin-bottom: 1em;
}

#privacy #main h4 {
	margin: 20px 0 5px 0;
}

/* inquiry.html */
#inquiry fieldset span {
	color: #FF0000;
}

.inquiry {
	width:500px;
	margin-top:5px;
	padding:15px 15px 10px;
	border:solid 5px #CCCCCC;
}

#tel {
	font-weight:bold;
	font-size:150%;
	color:#FF6633;
}

#fax {
	font-size:130%;
	color:#FF9933;
}

#MailForm {
	width: 500px;
	margin: 5px 0 15px;
	border-collapse: collapse;
}

#MailForm th,
#MailForm td {
	padding: 10px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	color: #444;
}

#MailForm th {
	width: 130px;
	background-color: #EBEBEB;
}

#MailForm input,
#MailForm textarea {
	width: 310px;
	border: 1px solid #B2B2B2;
}

.inputarea li {
	float: left;
	margin: 0 15px 0 0;
}

#thanks p {
	line-height: 300px;
	text-align: center;
}

/* 各ページ用スタイル
---------------------- */
/* ------------------index.html */
.scroll1 dl {
	width:310px;
	height:120px;
	margin:15px auto 0;
	zoom:1;
	overflow-y:scroll;
	overflow-x: hidden;
}

.scroll1 li {
	width:365px;
	height:175px;
	padding:90px 0 0;
	overflow:hidden;
	zoom:1;
	float:left;
}

.scroll1 li dt {
	font-weight:bold;
}

.scroll1 li dd {
	margin:0 0 1em;
}

.s-1 {
	background:url(img/s-1.gif) no-repeat;
}

.s-2 {
	background:url(img/s-2.gif) no-repeat;
}

#main .banner01 {
	margin-bottom:0px;
}

#main .list02 li {
	height:inherit;
	margin:0 0 6px 0;
	padding:0 0 0 27px;
	background:url(img/point3.gif) no-repeat left center;
}

.txt_c {
text-align:center;
}

/* ------------------fons/width */
.siz1 {
	width:360px;
}

.txt01 {
	font-size:90%;
	color:#585858;
}

.txt02 {
	font-weight:bold;
	color:#FF0000;
}

.txt03 {
	color:#009966;
	border-bottom:dotted 1px #009966;
	font-weight:normal;
}

.txt04 {
	font-size:200%;
	font-weight:bold;
	line-height:26px;
	color:#FF0000;
}

/* ------------------background */
.bg1 {
	background:url(img/bg1.gif) repeat-x;
	padding:30px 5px 10px 15px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	margin:0 0 1em;
}

.bg2 {
	border:solid 1px #ccc;
	padding:15px 15px 5px;
	font-size:80%;
	width:270px;
}

.bg1 li,
.ul1 dl li,
.ul2 li {
	background:url(img/point2.gif) no-repeat 0 7px;
	padding:0 0 0 15px;
	margin:0 0 5px;
}

/* ------------------ul/dl */
.ul1 dl,
.dl1 {
	border:solid 2px #ccc;
	overflow:hidden;
	zoom:1;
}

.ul1 dt,
.dl1 dt {
	font-weight:bold;
	font-size:140%;
	color:#006;
	background-color:#FFC;
	padding:5px 10px;
}

.ul1 dd,
.dl1 dd {
	padding:15px 15px 5px;
}

.ul1 dd dl,
.dl1 dd dl {
	border:none;
	margin:0;
	padding:0;
}

.ul1 dd dt,
.dl1 dd dt {
	background:none;
	padding:0;
	margin:0;
	color:#333;
	font-size:100%;
}

.ul1 dd dd,
.dl1 dd dd {
	margin:0;
	padding:0 0 0 20px;
}

.ul1 .img_r li {
	background:none;
	padding:0;
}

.ul1 table {
	border:1px solid #ccc;
	border-collapse:collapse;
	width:99%;
}

.ul1 td,
.ul1 th {
	border:1px solid #ccc;
	padding:2px 5px;
	font-size:90%;
}

.ul1 th {
	background:#e2e2e2;
	font-weight:normal;
	white-space:nowrap;
}

.ul3 li img {
	display:block;
}

.ul3 li {
	border:solid 5px #F00;
	padding:15px 15px 5px;
	margin:0 0 1em;
}

.dl2 dl {
	clear:both;
}

.dl2 dt span {
	float:left;
	margin:0 10px 0 0;
}

.dl2 dd {
	margin:0 0 0 265px;
}

.dl3 dt {
	font-weight:bold;
}

.dl3 dd {
	margin:0 0 1em 20px;
}

/* ------------------img */
.img_list1 li,
.img_list2 li,
.img_list3 li {
	float:left;
}

.img_list2 {
	clear:both;
	overflow:hidden;
	zoom:1;
}

.img_list2 li {
	margin:0 4px 10px;
}

.img_list2 li img {
	border:solid 1px #ccc;
	padding:3px;
}

.img_list3 {
	overflow:hidden;
	zoom:1;
}

.img_list3 li {
	padding:0 155px 10px 0;
	background:url(img/icon1.gif) right center no-repeat;
}

li.img_no {
	background:none;
	padding:0;
	float:right;
}

/* ------------------sonota */
.qa dt {
	padding:12px 0 15px 60px;
	background:url(img/q.gif) no-repeat;
	font-size:140%;
	font-weight:bold;
}

.qa dd {
	padding:12px 0 40px 75px;
	background:url(img/a.gif) no-repeat 30px 0;
	border-bottom:dotted 1px #ccc;
	margin:0 0 30px;
}

/* ------------------greeting */

.list01 dt {
	font-size:120%;
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px solid #444;
	margin-bottom:14px;
	padding:0 0 2px 0;
}

.list01 dd {
	margin-bottom:6px;
	padding:0 0 0 30px;
	background:url(img/point05.gif) no-repeat left center;
}

.txt05 {
	font-size:120%;
	letter-spacing:2px;
	padding:10px 15px;
	border:1px solid #ccc;
}

.txt06 {
	color:#FF0000;
}

/* ------------------contents4 */

#main .list03 {
	width:660px;
	margin:0 -20px 20px 0;
	overflow:hidden;
	zoom:1;
}

#main .list03 li {
	border:0px;
	margin:0 20px 0 0;
	padding:0px;
	float:left;
}

/* ------------------add */

#index #page #contents #main #reco {
	width: 728px;
	background-color: #ffffeb;
	border: #666 solid 1px;
	padding: 10px 0 0 0px;
}
#index #page #contents #main #reco table {
	margin-left: 10px;
}
.banner1 {
	margin-top:10px;
}
.banner01 {
	margin-top:10px;
	background: url(img/banner01.gif) 0 0 no-repeat;
	height: 160px;
	width: 708px;
	padding: 61px 0 0 22px;
	
}
.banner01 a{
	text-decoration: none;
	color: #333;
	display: block;	
}
#kanban {
	width: 700px;
	height: 106px;
	background: url(img/img01.gif) 0 0 no-repeat;
	clear: both;
}
#kanban p {
	width: 200px;
	float: left;
	line-height: 1.7em;
	padding: 20px 0 0 30px;
	font-weight: bold;
}
#kanban p.p_last {
	padding: 20px 0 0 40px;
}

#bottom_logo {
	width: 730px;
	height: 125px;
	background: url(img/info-banner.gif) 0 0 no-repeat;
	margin-bottom: 50px;
}

.p_c2 {
	width: 410px;
	margin: 0px 0 5px 340px;
	padding-top: 10px;
}
.p_c2 a{
	text-decoration: none;
}

#span1 {
	font-size: 80%;
	color: #666;
}
#span2 {
	font-size: 180%;
	line-height: 0.8em;
}
#index #page #contents #main #p_last1 {
	margin-left: 350px;
	text-align: left;
}

#main table {
	margin-left: 340px;
	line-height: 1.2em;
	
}

#visual {
	margin-top: 20px;
}

table#eco,
table#MailForm,
table#CompanyInfo {
	margin-left: 5px ;
}

/*#sml_const*/
#contents3 #page #contents #main #sml_const img{
	float: left;
	border: 1px solid #ccc;
}
#contents3 #page #contents #main #sml_const h4 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 130%;
}

#contents3 #page #contents #main #sml_const h4 a{
	font-size: 14px;
	margin-left: 10px;
	font-weight: normal;
	color: #666;
}


#contents3 #page #contents #main #sml_const p {
	float: right;
	width: 490px;
	margin-bottom: 8px;
	line-height: 1.8em;
}
#contents3 #page #contents #main #sml_const p span {
	font-size: 16px;
	color: #363b97;
	font-weight: bold;
}


#contents3 #page #contents #main #sml_const p.sml_const_btm {
	background-color: #c7ebfc;
	padding: 4px;
	width: 482px;

}
#contents3 #page #contents #main #sml_const table {
	width: 490px;
	margin:0;
	padding:0 0 0 0;
	font-size: 140%;
	float: right;
}
#contents3 #page #contents #main #sml_const .article .sml_const_top2 {
	margin-top: 20px;
}

#contents3 #page #contents #main #sml_const table .p_r {
	color: red;
	text-align: left;
}

#contents3 #page #contents #main #sml_const .link_de {
	color: #555;
	font-size: 80%;
}
#contents3 #page #contents #main #sml_const ul li {
	float: left;
	margin-left: 28px;
	margin-bottom: 20px;
	border: 1px #aaa solid;
	padding: 10px;
	text-align: center;
}
#contents3 #page #contents #main #sml_const ul li img {
	margin-top: 5px;
}
#contents3 #page #contents #main #sml_const ul li a{
	text-decoration: none;
	color: #222
}

#contents3 #page #contents #main #sml_const ul li.v_left {
	margin: 0;
}
#contents3 #page #contents #main #sml_const #ct {
	padding: 0;
}