@charset shift_jis;

* {
	margin: 0;
	padding: 0;
}

body  { color: #6b6b6b; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka-等幅, Osaka, 平成角ゴシック; background: #f6f6f6 url("images/img01.jpg") repeat-x }

form {
}

input, textarea {
	padding: 2px 5px;
	border: 1px solid #EBEBEB;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}

h1, h2, h3, h4  { margin: 0 }

h2, h3, h4     { color: #37404c; font-weight: normal; letter-spacing: -0.04em; margin-bottom: 16px; padding-bottom: 6px; border-bottom: 1px solid #f2f2f2 }

h2  { font-size: 28px }

h3   { font-size: 16px; font-weight: bold; padding-top: 10px }

h4    { font-size: 14px; font-weight: bold; margin-bottom: 8px; padding-top: 10px; padding-bottom: 4px }

p, ul, ol     { line-height: 170%; text-align: justify; margin-bottom: 1.5em }

ul, ol   { margin-bottom: 2.5em; margin-left: 3em }

dl.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl.list1 dt {
	float: left;
	width: 70px;
}

dl.list1 dd {
	margin-bottom: 10px;
}

dl.list1 a {
	color: #666666;
}

ul.list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	float: left;
	margin: 0 18px 18px 0;
}

ul.list2 li.nopad {
	margin-right: 0;
}

ul.list3   { line-height: normal; list-style: none; margin: 0; padding: 0 }

ul.list3 li    { margin: 0 0 24px 24px; width: 230px; height: 70px; float: left }

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #FF5A00;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 5px 20px 0 0;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
}

/* Wrapper 
---------------------------------------------------- */

#wrapper  { background: url("images/img02.jpg") repeat-y; margin: 0 auto 0; width: 960px }

#wrapper2  { background: url("images/img10.jpg") no-repeat left bottom; padding-bottom: 30px }

/* Header 
---------------------------------------------------- */

#header   { background: #087fe7 url("images/img03.jpg") no-repeat; height: 140px }

/* Logo 
---------------------------------------------------- */

#logo   { width: 960px; float: left }

#logo h1   { color: #ffffff; font-size: 40px; text-transform: lowercase; letter-spacing: -3px; visibility: hidden; margin: 0; padding: 10px 0 0 78px }

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}
/* Menu 
---------------------------------------------------- */

#menu   { float: right }

#menu ul   { line-height: normal; list-style: none; margin: 0; padding: 52px 78px 0 0 }

#menu li {
	display: inline;
}

#menu a  { color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; padding-left: 20px }

#menu a:hover {
	text-decoration: underline;
}

/* Page 
---------------------------------------------------- */

#page {
	background: url(images/img04.jpg) no-repeat;
}

#page img  { border: 0 }

/* Content 
---------------------------------------------------- */

#content   { padding: 0 0 0 76px; width: 555px; float: left }

.path { padding: 10px 0 0 0 }

.post   { padding-top: 20px }

.post .title {
}
.post .title a  { color: #37404c; text-decoration: none }

.post .title a:hover {
	text-decoration: underline;
}

.post .entry {
}
.post .inquiry  { color: #000; font-size: larger; background-color: #aee677; padding: 10px 30px; border: solid 2px #360 }
.post .inquiry  b { color: #360; font-size: 15px; font-weight: bold; text-decoration: underline }
.post .frame1  { padding: 10px 20px; width: 320px; border: double 3px #666 }

.post .tblLst   { }
.post .tblLst table  { width: 550px }
.post .tblLst td   { padding: 4px 2px; border-top: 1px solid #333 }
.post .tblLst tfoot td { padding: 4px 2px; border-top: 1px solid #333; border-bottom: 1px solid #333 }
.post .imgAlg_r   { padding: 5px 0 5px 10px }
.post .imgAlg_l   { padding: 5px 10px 5px 0 }
.post .clear_l { clear: left } 
.post .clear_r { clear: right }  
.post .pad-L1  { padding-left: 1.5em }
.post .pad-b1  { padding-bottom: 1.5em }

/* tool page 
---------------------------------------------------- */
.boxToolL { width: 290px; float: left; clear: left }
.boxToolR   { width: 240px; float: right; clear: right }

/* Syakunage page 
---------------------------------------------------- */
.post .syaBox1      { background-color: #dcdcc8; width: 540px; height: 240px; clear: both }
.post .syaBox2 { color: #f90; font-size: 20px; text-align: center; width: 540px; height: 30px; clear: both }
.syaBox1 .conL   { color: #333; padding: 10px 5px 5px; width: 230px; float: left }
.conL p { line-height: 14px }
.conL b     { color: #036; font-size: 14px; margin-left: 5px }
.syaBox1 .conR  { padding-top: 20px; padding-bottom: 20px; width: 290px; float: right }

/* Table  Parts
---------------------------------------------------- */
table.tbl_1  { border: solid 1px #ccc; border-collapse: collapse; border-spacing: 0 }
.tbl_1 th  { font-weight: bold; line-height: 120%; background: #e6e6e6; text-align: left; white-space: nowrap; padding: 5px; border-style: solid; border-width: 0 0 1px 1px; border-color: #ccc }
.tbl_1 td  { text-align: left; white-space: nowrap; padding: 5px; border-style: solid; border-width: 0 0 1px 1px; border-color: #ccc }
/* Sidebar 
---------------------------------------------------- */

#sidebar  {
/*	padding: 67px 76px 0 0; */
	padding: 37px 76px 0 0; 
	width: 186px; 
	float: right 
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li  { margin-bottom: 30px }

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
}

#sidebar h4,h5  { color: #ff5a00; font-size: 12px; font-weight: bold; margin: 0; padding: 0 }
#sidebar h5  { color: #6b6b6b; margin-bottom: 5px }
.information   { color: #37404c; font-size: 16px; font-weight: bold; letter-spacing: -0.04em; margin: 0 0 20px; padding-bottom: 9px; border-bottom: 1px solid #f2f2f2 }
/* Widebar 
---------------------------------------------------- */

#widebar {
	margin: 0 50px;
	padding: 25px 28px 0 28px;
	background: #F2F2F2 url(images/img11.gif) repeat-x;
}

#widebar #colA {
	float: left;
	width: 260px;
}

#widebar #colB {
	float: left;
	width: 260px;
	padding-left: 45px;
}

#widebar #colC {
	float: left;
	width: 186px;
	padding-left: 45px;
}

/* Footer 
---------------------------------------------------- */

#footer  { background: url("images/img05.jpg") no-repeat; height: 98px }

#footer p  { color: #8e8e8e; text-align: center; margin: 0; padding-top: 12px }

#footer a {
	color: #666666;
}
