/* 
http://www.image-seed.com/archives/list_icon/clear.html
http://ameblo.jp/webkt/entry-10140614079.html
http://sozai.akuseru-design.com/cont_btn/index31.html
http://sozai.7gates.net/docs/check-mark-01/
http://www.emstudio.jp/free/data1010/
*/

body {
	background: #00FFFF;
	font-size: 13px;
	color: #303030;
	background: url(wrapback.gif) repeat-y top center;
	margin: 0;
	padding: 0;
}

a, a:visited
{
	color: #004272;
	text-decoration: none;
}

a:hover
{
	color: #dd0000;
	text-decoration: underline;
}

#wrapper {
	width: 890px;
	margin: 0 auto;
	padding: 0;
}

#header {
	background: url(babyblue.gif);
}

#header_tab {
	height: 40px;
	background: url(toptab.png) no-repeat top left;
}

#header_banner {
	height: 215px;
	background: url(banner.png) no-repeat top left;
}

#header_banner a 
{
	display:block;
	margin-left: 555px;
	padding-top:84px;
	width:322px;
	height:126px;
	background: url(contactbtn1.png) no-repeat bottom left;
	text-decoration: none;
}

#contentsbody {
	min-height: 300px;
	background: url(contentsback.png) repeat-x top left;
}

#contentsmain {
	float:right;
	padding: 15px 15px 0px 0px;
	width:580px;
}

#contentsmenu {
	float:left;
	width:275px;
	min-height: 300px;
	padding: 15px 0px 0px 18px;
	background: url(menuback.png) no-repeat top left;
}

#footer 
{
	padding: 10px;
	background-color:#EEF3FB;
	border-top: solid 1px #9FC3F9;
}

#footer div.footmenu
{
	float:left;
}

#footer div.legal
{
	float:right;
}

/* Menu */

.menu {
	width: 240px;
	margin: 0 auto;
	padding: 0;
}

ul.menu, ul.menuchild  {
	margin: 0;
	list-style: none;
	list-style-image: none;
}

ul.menuchild
{
	padding-left: 20px;
}

.menu li a {
	padding: 8px 0px 8px 28px;
	display: block;
	margin-bottom: 3px;
	background: #FCFCFC url(cl_004.gif) no-repeat 5px center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #EAEAEA;
	color: #303030;
}

.menu li a:hover, .menu a.selected {
	background: #F9FFF7 url(cl_007.gif) no-repeat 8px center;
	color: #003EFF;
	border: 1px solid #74A5E8;
}

/* h1 */
h1, h2, h3 {
	margin: 0px 0px 8px 0px;
}
	
h1 {
	font-size: 150%;
	padding: 5px 3px 3px 5px;
	background: url(h1back.gif);
	color: #000000;
}

h2 {
	font-size: 120%;
	padding: 5px 5px 5px 12px;
	background:#FFFFFF url(h2back.gif) repeat-y top left;
	color: #000000;
	border-bottom: 1px solid #CCF17E;
}

span {
	display: block;
	line-height: 150%;
	margin-bottom: 30px;
}

/* TABLE */
table
{
	width: 100%;
	background-color: #303030;
}

th, td 
{
	padding: 8px;
}

th {
	font-weight: bold;
	background: url(h1back.gif);
}

td
{
	background-color: #ffffff;
}

table.padded td
{
	padding-left: 50px;
}

table.center td
{
	text-align:center;
}

table.listtable tr td:first-child
{
	font-weight:bold;
	background-color: #A9D4FF;
}

/* Q&A */
span.q {
	min-height: 30px;
	font-size: 120%;
	font-weight: bold;
	background: url(icon_07_03.gif) no-repeat left top;
	border-bottom: 1px dotted #FF6A00;
	padding-left: 30px;
	color: #FF6A00;
	margin-bottom: 10px !important;
}

span.a {
	min-height: 30px;
	background: url(icon_07_08.gif) no-repeat left top;
	padding-left: 30px;
}

/* box */
div.box, div.box div.small
{
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #cccccc;
}

div.box div.orangetitle
{
	font-size: 120%;
	font-weight: bold;
	background: url(orangeback.gif);
	padding: 8px;
	border: 1px solid #cccccc;
}

div.box div.bluetitle
{
	font-size: 120%;
	font-weight: bold;
	background: url(h1back.gif);
	padding: 8px;
	border: 1px solid #cccccc;
}


div.box div.content
{
	border: 1px solid #cccccc;
	border-top: none;
	padding: 8px;
}

.small
{
	width: 170px;
	float:left;
	margin-left: 10px;
}

.boxleft, .boxright
{
	width: 40%;
}

.boxleft
{
	float:left;
	margin-left: 10px;
}

.boxright
{
	float:right;
	margin-right: 10px;
}

.arrowright
{
	background: url(arrowright.gif) no-repeat center center;
}

div.box ul
{
	padding: 0px 0px 0px 20px;
}

div.box ul li
{
	line-height: 150%;
}


/* flow box */
div.flow
{
	padding: 0px 25px 0px 25px;
}

div.flow div.title
{
	font-size: 110%;
	font-weight: bold;
	vertical-align:bottom;
}

div.flow div.title div.num
{
	display: inline-block;
	padding-right: 8px;
	width: 24px;
	height: 24px;
	background: url(numback.gif) no-repeat top left;
	text-align:center;
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
}

div.flow span
{
	display: block;
	padding: 3px;
	margin-left: 32px;
	border: solid 1px #FFE196;
	background-color: #FFFBEF;
}

.comment
{
	padding: 3px;
	border: solid 1px #FFE196;
	background-color: #FFFBEF;
}

.commentbox
{
	display: block;
	padding: 3px;
	margin-left: 12px;
}

div.flow hr
{
	padding: 0 auto;
	margin-bottom: 15px;
	border: none 0px;
	height: 20px;
	background: url(arrowdown.gif) no-repeat top center;
}


/** list **/

ul
{
	list-style-image: url(listicon.gif);
	line-height: 160%;
}

ul div
{
	line-height: 120%;
}

ul.check
{
	list-style-image: url(check.gif) !important;
}

/* Alert List */

ul.alert 
{
	list-style-image: url(tama_04b.gif) !important;
}

.alert li {
	font-size: 120%;
	font-weight: bold;
}

/* Mail Form */
span.reqfield
{
	display:inline;
	color:#dd0000;
	padding:0;
	margin:0;
}

div.phone
{
	padding: 10px 0px 10px 0px;
	font-family: Sans-Serif;
	font-size:40px;
}

div.callus
{
	padding: 20px;
	text-align: center;
}