/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
width: 400px;
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}

table {
    font-size:inherit;
    font:100%;
}

td {
    vertical-align: top;
}

img {vertical-align: text-bottom;}


form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin: 0;
    margin: 0;
font-size:100%
}

ul {
list-style-type: none;
}



/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */
/* basic page elements */

body
{
   font-family: 'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
   line-height: 1.5;
}

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


h1, h2, h3, h4, h5, h6
{
   font-family: 'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}



body { text-align: center; } /* center on ie */

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 780px;
    text-align: left;
}
#container-inner { position: static; width: auto; }


#pagebody { position: relative; width: 742px;margin: 19px;overflow: hidden;}
#pagebody-inner { position: static; width: 100%; }

#left, #center, #right, #contents {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}


#left-inner, #center-inner, #right-inner, #contents-inner {
    position: static;
}

#left {
clear: both;
margin: 15px 20px 0 0;
float: left;
width: 180px;
background: #fff;
overflow: hidden;
}

#center {
margin: 15px 20px 0 0;
float: left;
width: 350px;
background: #fff;
overflow: hidden;
}

#right {
margin: 15px 0 0 0;
float: left;
width: 170px;
background: #fff;
overflow: hidden;
}


/* page layout */

body {
    width: 100%;
    color: #333;
    background: #FBDAA7;
}

#container {
    width: 780px;
    background: #fff;
}

#container-inner {

}

/* ヘッダー */

#header {
    width: 780px; /* necessary for ie win */
    height: 80px;
    background: #fff;
    background-image: url(../images/common/headerbg.gif);
    background-repeat: none;
    overflow: hidden;
}

#logo {
    width: 200px;
    height: 80px;
    float: left;
}

#header-right {
    float: left;
    width: 580px;
    height: 80px;
}

#header-right h2 {
    padding: 10px 0 0 0;
    margin-right: 15px;
    line-height: 1.5;
    color: #6A3906;
    text-align: right;
}

#header-right p#bookmark{
    padding: 10px 0 0 0;
    margin-right: 15px;
    text-align: right;
}


/* グロナビ */

#gronavi {
    width: 780px;
	height:45px;
    overflow: hidden;
}

ul#main-menu{
	clear: both;
	margin: 0 0 0 0;
	text-align: left;
	padding: 0;
	width: 780px;
	height:45px;
	overflow: hidden;
}

#main-menu li {
	float: left;
	width:130px;
	height:45px;
	list-style-type:none;
}

#main-menu li a {
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}


#main-menu li.bt1 {
	background-image:url(../images/common/navi1_off.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt1 a:hover {

	background-image:url(../images/common/navi1_on.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt2 {
	background-image:url(../images/common/navi2_off.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt2 a:hover {
	background-image:url(../images/common/navi2_on.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt3 {
	background-image:url(../images/common/navi3_off.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt3 a:hover {
	background-image:url(../images/common/navi3_on.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt4 {
	background-image:url(../images/common/navi4_off.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt4 a:hover {
	background-image:url(../images/common/navi4_on.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt5 {
	background-image:url(../images/common/navi5_off.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt5 a:hover {
	background-image:url(../images/common/navi5_on.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt6 {
	background-image:url(../images/common/navi6_off.jpg);
	background-repeat:no-repeat;
}

#main-menu li.bt6 a:hover {
	background-image:url(../images/common/navi6_on.jpg);
	background-repeat:no-repeat;
}

/* フッター */

#footer-link{
clear: both;
width: 100%;
margin: 0 auto;
padding: 7px 0 7px 0;
background: #EEEEEE;
text-align: center;
font-size: 12px;
}

p.footertext{
color: #313131;
}

p.footertext a{color: #313131;text-decoration: none;}
p.footertext a:hover { color: #FF6900;text-decoration: none;}

#footer {
width: 780px; /* necessary for ie win */
height: 110px;
overflow: hidden;
background: #F39800;
background-image: url(../images/common/footerbg.jpg);
background-repeat: none;
color: #fff;
}


#copyright{
text-align: center;
padding: 3px 0;
}


#footer-info-l{
    width: 490px;
    height: 90px;
    color: #fff;
    float: left;
    overflow: hidden;
}

#footer-info-l p{
margin: 0 0 0 20px;
color: #fff;
}

.access{
background: #BC9766;
padding: 4px 6px;
}

#footer-info-r{
    width: 285px;
    height: 90px;
    color: #fff;
    float: left;
    overflow: hidden;
}

#footer-info-r img{
margin: 15px 0 0 0;
}


.l_10{
float: left;
margin-right: 10px;
}

.l_15{
float: left;
margin-right: 15px;
}

/* TOP */
/* メインイメージ領域 */

#mainbox{
width: 740px;
height: 300px;
border: 1px solid #D2D2D2;
}

#main-l{
float: left;
width: 400px;
height: 300px;
overflow: hidden;
}

#main-r{
float: left;
width: 340px;
height: 300px;
background: #F0E6D9;
overflow: hidden;
}

#main-con1{
width: 340px;
height: 100px;
background-image:url(../images/top/con1bg.gif);
overflow: hidden;
}

#main-con2{
width: 340px;
height: 100px;
background-image:url(../images/top/con2bg.gif);
overflow: hidden;
}

#main-con3{
width: 340px;
height: 100px;
background-image:url(../images/top/con3bg.gif);
overflow: hidden;
}

.blog-kiji{
float: left;
width: 320px;
height: 55px;
margin: 5px 0 0 10px;
overflow: hidden;
}

.blog-kiji img{
float: left;
margin-right: 10px;
}

.blog-all{
float: left;
width: 45px;
height: 55px;
margin: 5px 0 0 0;
overflow: hidden;
}

.blog-all img{
margin-top: 30px;
}

p.kiji-title{
margin-right: 5px;
margin-bottom: 5px;
}

p.kiji-gaiyou{
margin-right: 5px;
font-size: 11px;
line-height: 1.2;
}


/* 左メニュー */

#submenu img{
margin: 0 0 10px 0;
}

/* センターカラム */

#news-box{
width: 348px;
height: 120px;
overflow: auto; 
margin: 0 0 20px 0;
padding: 0;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}

#news-box-inner{
margin: 0 4px;
padding: 4px 0;
}

#news-box2{
width: 348px;
height: 70px;
overflow: auto; 
margin: 0 0 20px 0;
padding: 0;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}

#news-box2-inner{
margin: 0 4px;
padding: 4px 0;
}

ul.top-info{
margin: 0 0 15px 0;
padding: 0;
}

.top-info li{
background-image:url(../images/top/arrow.gif);
background-repeat:no-repeat;
padding: 0 0 3px 20px;
margin: 0;
background-position: 0px 3px;
}


/* 右カラム */
#adbox img{
margin-bottom: 10px;
}