/************* #基本***************/

body{
	line-height:1.6em;
	font-size:95%;
	color: #333;
	margin: 0;
	padding: 0;
	text-align:center;
	border: 0px none;
	left: 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a{
	color: #a33;
	text-decoration: none;
}

a:link{
	color: #a33;
	text-decoration: none;
}

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

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

img{
	border:0 none;
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}

p
{
clear:both;
}

/************* #ブロック***************/

#container {
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#fff;
	display:block;
	border:0 none;
	background-image:url('images/bg_container.jpg')	;
	background-repeat:repeat-y;
	}

#navi {
	width:880px;
	_width:900px;
	height:45px;
	background:url('images/bg_navi.jpg') #FBE9C7 repeat-x;
	margin:0 auto;
	padding-top:16px;
	padding-left:20px;
	_padding-left:8px;
	border-bottom:2px solid #661F03;
	text-align:center;
	}

#contents {
	width:840px;
	background:#fff;
	margin:20px auto;
	padding:0;
	text-align:center;
	display:block;
	}

.left {
	width:590px;
	float:left;
	border:0 none;
	margin:0 auto;
	text-align:left;
	vertical-align:top;
	border:0;
	}

.right {
	width:220px;
	float:right;
	border:0 none;
	margin:auto 0;
	text-align:left;
	vertical-align:top;
	border:0;
	}

#footer {
	width:840px;
	margin:1em auto;
	padding:0;
	background:#fff;
	color:#666;
	font-size: 70%;
	text-align:center;
}

#footer p{
	text-align:left;
	margin:0;
	padding:0;
	display:block;
	border-top:1px  #666 solid;
	}

/************* #h***************/

#contents h1.common	{
width:600px;
color:#481A03;
height:40px;
line-height:40px;
vertical-align:middle;
background:url(images/h1_bg.jpg) #fff no-repeat;
text-indent:25px;
font-size:12pt;
font-weight:bold;
margin:30px 0 0 0;
overflow:hidden;
}

#contents h1.common_top	{
width:600px;
color:#481A03;
height:40px;
line-height:40px;
vertical-align:middle;
background:url(images/h1_bg.jpg) #fff no-repeat;
text-indent:25px;
font-size:12pt;
font-weight:bold;
margin:0;
overflow:hidden;
}

h1.h1_l {
font-size:120%;
overflow:hidden;
}
h1.h1_l_top{
font-size:120%;
overflow:hidden;
margin:0;
}

#contents h2.h2_common	{
width:600px;
color:#000;
line-height:20px;
margin:8px	0;
font-weight:normal;
vertical-align:middle;
font-size:110%;
}

h1.h1_sidebar {
width:220px;
height:48px;
margin:20px 0 0 0;
}

#contents  p{
font-size:100%;
margin-top:10px;
margin-bottom:20px;
}

/************* #文字装飾***************/
.item {
clear:both;
float:left;
width:100%;
border-top:1px dotted  #5C4E46;
font-size:120%;
line-height:180%;
display:block;
}

strong.bl, strong.rd {
font-size:120%;
line-height:1.6em;
}

strong.bl {
color:#000;
}
strong.rd {
color:#f33;
}

.small {
font-size:90%;
line-height:1.4em;
color:#666;
padding:5px;
background:#eee;
margin:5px 0;
display:block;
}

.caution {
background:#c00;
padding:2px 5px;
color:#FFF400;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.linkBtn {
	float:right;
	margin-top:10px;
}

a.jump {
    background: transparent url('images/bg_jump_a.gif') no-repeat scroll top right;
    color: #004F17;
    display: block;
    float: left;
    height: 26px;
    margin-right: 5px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.jump span {
    background: transparent url('images/bg_jump_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 30px;
} 

a.jump:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.jump:active span {
    background-position: bottom left;
    padding: 6px 0 4px  30px; /* push text down 1px */
}

/************* #ブロック的なもの***************/
div.point {
	background-image:url(images/bg_gen_yellow.gif);
	padding:10px 15px;
	margin:10px 0;
	border:2px solid #481A03;
}

div.point h1 {
	display:inline;
}

ul.pointmerit  {
list-style:none;
list-style-position:inside;
margin:0;
padding:0;
font-size:125%;
line-height:35px;
}

ul.pointmerit  li {
background-image:url('images/listmark_point.gif');
background-repeat:no-repeat;
padding:2px 0 0 35px;
position:relative;
left:10px;
top:5px;
width:500px;
font-weight:bold;
color:#000;
border-bottom:1px dotted #481A03;
}

ul.merit {
list-style:none;
list-style-position:inside;
margin:0;
padding:0;
font-size:125%;
line-height:35px;
}

ul.merit li {
background-image:url('images/listmark_merit.gif');
background-repeat:no-repeat;
padding:2px 0 0 35px;
font-weight:bold;
color:#000;
border-bottom:1px dotted #481A03;
}

ul.demerit {
list-style:none;
list-style-position:inside;
margin:0;
padding:0;
font-size:115%;
line-height:30px;
}

ul.demerit li {
background-image:url('images/listmark_demerit.gif');
background-repeat:no-repeat;
height:30px;
padding:2px 0 0 30px;
border-bottom:1px dotted #481A03;
}




/************* #右***************/
ul.sidebar_red, ul.sidebar_blue, ul.sidebar_orange, ul.sidebar_green {
text-align:left;
margin:0;
padding:0;
list-style:none;
list-style-position:inside;
width:220px;
}

ul.sidebar_red li	{
margin:0;
height:2.2em;
line-height:2.2em;
border-bottom:1px dotted #666;
font-size:90%;
color:#000;
background-image:url('images/listmark_red.gif') ;
background-repeat:no-repeat;
padding:0 0 0 20px;
}

ul.sidebar_blue li	{
margin:0;
height:2.2em;
line-height:2.2em;
border-bottom:1px dotted #666;
font-size:90%;
color:#000;
background-image:url('images/listmark_blue.gif') ;
background-repeat:no-repeat;
padding:0 0 0 20px;
}

ul.sidebar_orange li	{
margin:0;
height:2.2em;
line-height:2.2em;
border-bottom:1px dotted #666;
font-size:90%;
color:#000;
background-image:url('images/listmark_orange.gif') ;
background-repeat:no-repeat;
padding:0 0 0 20px;
}

ul.sidebar_green li	{
margin:0;
height:2.2em;
line-height:2.2em;
border-bottom:1px dotted #666;
font-size:90%;
color:#000;
background-image:url('images/listmark_green.gif') ;
background-repeat:no-repeat;
padding:0 0 0 20px;
}

ul.sidebar_red li a, ul.sidebar_blue li a, ul.sidebar_orange li a, ul.sidebar_green li a {
color:#000;
}

ul.sidebar_red li a:hover, ul.sidebar_blue li a:hover, ul.sidebar_orange li a:hover, ul.sidebar_green li a:hover {
color:#f90;
}

.btn_mail a {
width:224px;
height:158px;
margin:0 0 10px 0;
padding:0;
background-image:url('images/btn_sb_mail.jpg');
text-indent:-9999px;
display:block;
}

.btn_mail a:hover {
background-image:url('images/btn_sb_mail_o.jpg');
}

/*************  BPTリンク ***************/
.bpt
{
	width:100%;
	font-size:80%;
	text-align:right;
	margin:5px 0px;
	clear:both;
}

.bpt a {
border-bottom:1px solid #FF9933;
color:#FF9933;
}

 
/************* #メニュー***************/
ul#navi_menu{
    list-style:none;
	display:inline;
	margin:0;
}

ul#navi_menu li{
    list-style:none;
    float:left;
	margin-right:5px;
	}

ul#navi_menu a{
    display:block;
    text-indent:-9999px;
    overflow:hidden;
}

ul#navi_menu li.top a{
    background-image:url(images/navi_top.gif) ;
    width:130px;
    height:30px;
	margin-top:15px;
}

ul#navi_menu li.top a:hover{
    background-position:0px -30px;
}
ul#navi_menu li.tab_top a{
    background-image:url(images/tab_top.gif) ;
    width:175px;
    height:45px;
	margin:0;
}

ul#navi_menu li.service a{
    background-image:url(images/navi_service.gif) ;
    width:130px;
    height:30px;
	margin-top:15px;
	}

ul#navi_menu li.service a:hover{
    background-position:0px -30px;
}
ul#navi_menu li.tab_service a{
    background-image:url(images/tab_service.gif) ;
    width:175px;
    height:45px;
	margin:0;
}


ul#navi_menu li.flow a{
    background-image:url(images/navi_flow.gif) ;
    width:130px;
    height:30px;
	margin-top:15px;
	}

ul#navi_menu li.flow a:hover{
    background-position:0px -30px;
}
ul#navi_menu li.tab_flow a{
    background-image:url(images/tab_flow.gif) ;
    width:175px;
    height:45px;
	margin:0;
}

ul#navi_menu li.about a{
    background-image:url(images/navi_about.gif) ;
    width:130px;
    height:30px;
	margin-top:15px;
	}

ul#navi_menu li.about a:hover{
    background-position:0px -30px;
}
ul#navi_menu li.tab_about a{
    background-image:url(images/tab_about.gif) ;
    width:175px;
    height:45px;
	margin:0;
}

ul#navi_menu li.contact a{
    background-image:url(images/navi_contact.gif) ;
    width:130px;
    height:30px;
	margin-top:15px;
	}

ul#navi_menu li.contact a:hover{
    background-position:0px -30px;
}
ul#navi_menu li.tab_contact a{
    background-image:url(images/tab_contact.gif) ;
    width:175px;
    height:45px;
	margin:0;
}

ul#navi_menu li.b a{
    background-image:url(images/navi_b.gif) ;
    width:130px;
    height:30px;
	margin-top:15px;
	}

ul#navi_menu li.b a:hover{
    background-position:0px -30px;
}
ul#navi_menu li.tab_b a{
    background-image:url(images/tab_b.gif) ;
    width:175px;
    height:45px;
	margin:0;
}

ul.navi_mini {
	float:right;
	margin:0 25px 0 0;
	padding:0;
	position:relative;
	top:-23px;
	}

.navi_mini li {
    list-style:none;
	display:inline;
	margin-left:0;
	padding:0;
}

/************* #左***************/
.img_l {
	border:0;
	float:left;
	vertical-align:top;
	margin:0 20px 20px 0;
	padding:0;
	}

/************* #右***************/
div.imagebox {
   border:1px #ddd solid;
   float:right;
   padding:0;   
   width:220px;
   margin-bottom:10px;
}

div.imagebox div.image{
   text-align: center;
   margin:10px;
      padding:0;
   }

div.imagebox div.caption {
   text-align: left;
   margin: 8px 15px;
   padding:0;
   color: #666;
   font-size:90%;
   line-height:120%;
	}

/************* #safari***************/

html:first-child body { 
	font-size:85%;
	}	
 
