/* init **************/
html                        {font-family:Helvetica,sans-serif;font-size:100.01%;}
body                        {font-size:small;}
img, h1, ul, li             {margin:0;padding:0;}
img                         {border:none;}
input, select, textarea     {font:inherit;}
body                        {text-align:center;}
div.wrap                    {text-align:left;}

/* width *************/
div.wrap                    {width:960px;
 	                     height:99.9%;}

/* font color ********/
body                        {color:#444;}

div.navi ul li a:link,
div.navi ul li a:visited,
div.footer,
div.footer a:visited,
div.footer a:link           {color:#444444;}

/* background color **/
body               {background-color:#ffffff;}
div.wrap               {background-color:#ffffff;}
div.sidenavi                    {background-color:#8c969c;}
div.sidenavi ul li.active       {background-color:#404d56;}
div.footer                   {background-color:#ffffff;}

/* background image **/
body                        {
                             background-image:url(images/bodyback_gold.gif);
                             background-repeat:repeat-x;
                             background-position: left bottom;

                            }
div.content                 {
background-image:url(images/button/sidebutton.png);
                             background-repeat:repeat-y;

                            }

div.topcontent                 {
                            width:952px;
                            height:auto;
                            }


/* block layout *******/
div.wrap                    {border:1px solid #ddd;}

div.wrap                    {

                             margin:10px auto;
                             box-shadow:0 0 15px #cdcdcd;
                             -moz-box-shadow:0 0 15px #cdcdcd;
                             -webkit-box-shadow:0 0 20px #e5e5e5;
                            }

div.header{
width:920px;
padding-left:30px;
padding-top:5px;
height:105px;
}

div.logospace{
                             width:300px;
float:left;
}


div.navi             {
                             float:left;

                            }

div.navi  a            {     color:#000066;
                             font-family: "ＭＳ Ｐゴシック",sans-serif;
font-weight: bolder;
letter-spacing:1px;
                             display: block; 
                             background-image:url(images/button/sidebutton_off.png);
	                     width:190px;
                             height:28px;
                             text-align:left;
                             text-decoration: none;
padding-top:12px;
padding-left:20px;

}






div.navi  a:link,
div.navi  a:visited     {color:#000066;
 font-family: "ＭＳ Ｐゴシック",sans-serif;
font-weight: bolder;
letter-spacing:1px;
                             display: block; 
                             background-image:url(images/button/sidebutton_off.png);
	                     width:190px;
                             height:28px;
                             text-align:left;
                             text-decoration: none;
padding-top:12px;
padding-left:20px;
}

div.navi a:hover     {color:#666666;
 font-family: "ＭＳ Ｐゴシック",sans-serif;
font-weight: bolder;
letter-spacing:1px;
                             display: block; 
                             background-image:url(images/button/sidebutton_on.png);
	                     width:190px;
                             height:28px;
                             text-align:left;
                             text-decoration: none;
padding-top:12px;
padding-left:20px;
}


div.topnavi {
                             letter-spacing:1px;
                             height:auto;
                             text-align:right;
                             float:right;
                             width:500px;
                            }



div.topnavi a            {

margin-right: 2px;
color:#404d56;
}

                            
div.topnavi a:link,
div.topnavi a:visited    {
                             text-decoration: none;
color:#404d56;

                            }

div.footernavi {
width:100%;text-align:center; 
padding:0 30px 0;

  }

div.footernavi ul            {
                             
                             text-decoration: none;
                             width:100%;text-align:center;


                            }

div.footernavi ul li              {
                             letter-spacing:1px;
                             height:auto;
                             text-align:center;
                             text-decoration: none;
                             width:auto;
                            }

div.footernavi ul li a            {
                              margin-right: 20px;
                             color:#404d56;

                            }
div.footernavi ul li a:link,
div.footernavi ul li a:visited    {
                             text-decoration: none;
                             color:#404d56;
                            }






div.buttonspace{
                             background-image:url(images/buttonback.gif);
                             background-repeat:repeat-x;
padding-top:10px;
                             text-align:center;
                             height:70px;
                             border-buttom:1px solid #eee;

}

div.content                 {
                             overflow:hidden;zoom:1;
                             padding:0 10px 0 0;
	                     min-height:99.9%;

                            }

#topbread{
padding-left:10px;
}


#left {
padding-top:12px;
                             float:left;
                             width:220px;
	min-height:99.9%;
background-color:#ffffff;

}
#left img{
margin:0px;
}

#left-inner {
	min-height:99.9%;
background-image:url(images/button/sidebutton.png);
                             background-repeat:repeat-y;


}

#right {
	position:relative;/*ie needs this to show float */
	width:700px;
	min-height:99.9%;
	float:left;
padding-left:10px;
	padding-bottom: 50px;
}
#right-inner {
	text-align: left;
	min-height:700px;
letter-spacing:1px;
}


#rightnews {
	position:relative;/*ie needs this to show float */
	width:690px;
	height:auto;
	float:left;
padding-left:20px;
padding-top:20px;
	padding-bottom: 50px;

}

div.footer                  {
padding:30px 30px 0;
                             height:70px;
                             text-align:right;
	font-size: 12px;
                            }

div.copyright                  {
width:100%;padding:30px 30px 0;
text-align:center;
vertical-align:bottom;
	font-size: 9px;
                            }


/* 仮掲載 **************/



div.tempnavi  ul  {
                             float:left;
                             text-decoration: none;
list-style:none;
                            }

div.tempnavi ul li              {
                             text-align:left;
                             float:left;
                             width:auto;
                            }

div.tempnavi ul li a:link,
div.tempnavi ul li a:visited     {
font-size:12px;
color:#333;
 font-family: "ＭＳ Ｐゴシック",sans-serif;
font-weight: bolder;
letter-spacing:1px;
display: block; 
background-image:url(../../images/button/news/sankaku.png);
background-repeat:no-repeat;
background-position: left top;
width:185px;
height:auto;
text-align:left;
text-decoration: none;
padding-top:8px;
padding-bottom:8px;
padding-left:12px;
margin-left:-5px;
margin-bottom:0px;
background-color: transparent;
}

div.tempnavi ul li a:hover     {
color:#666666;
font-size:12px;
 font-family: "ＭＳ Ｐゴシック",sans-serif;
font-weight: bolder;
letter-spacing:1px;
display: block; 
background-image:url(../../images/button/news/sankaku_r.png);
background-repeat:no-repeat;
background-position: left top;
 width:185px;
height:auto;
text-align:left;
text-decoration: none;
padding-top:8px;
padding-bottom:8px;
padding-left:12px;
margin-left:-5px;
margin-bottom:0px;
background-color: #ffffff;
}

.totop a:link,
.totop a:visited{ 
width:100px;
font-size:10px;
border: 1px solid #999;
color:#999;
text-decoration: none;
padding:5px;
float:right;
text-align:center;
margin-right:12px;
}

.totop a:hover{ 
width:100px;
font-size:10px;
border: 1px solid #333;
color:#333;
text-decoration: none;
padding:5px;
float:right;
text-align:center;
margin-right:12px;
}

div.inquerybutton{
font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
width:145px;
height:auto;
float:right;
border-bottom:#b09d60 1px solid;
text-align:left;
padding:0px 0px 0px 20px;
background-image: url("images/mail.png");
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom:5px;

}
div.inquerybutton a:link{
font-size:12px;
color:#b09d60;
}

div.inquerybutton a:hover{
font-size:12px;
background-color:#b09d60;
color:#ffffff;
}



/*スマートフォンこちら用*/

		div.spLink a{
position: relative; 
z-index: 100001;
			display:block;
			width:95%;	
			margin:10px auto;
			padding:10px;
			border-radius: 8px;
			box-shadow: 0px 0px 1px #999;
			background:#f6f6f6;
			font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
			font-weight:bold;
			font-size:20px;
			color:#666666;
			text-align:center;
letter-spacing:1px;
			text-decoration:none;
			border:solid 1px #cccccc;
			text-shadow: 0 1px 0 rgba(255,255,255,.8);
     filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
}

	
@media screen and (min-width : 350px) {/*350px以下だったら無効*/
.table-row { display: table; table-layout: fixed;
width: 100%; text-align:center; font-size: 10pt;}
.table-column { display: table-cell; vertical-align middle;  padding: 10px 10px 50px;/*縦位置を揃える*/ }
.table-column:first-child { width: 50%;  /*左カラムのサイズ*/}
}


div.cover {
   display: table;table-layout: fixed; 
     margin: 0px 30px 50px;
   padding: 0px;
   width: 80%;font-size: 10pt;
}
div.cover div.box1 {
   display: table-cell;vertical-align: top; margin: 30px 0px 30px; padding: 30px 0px 30px;
   width: 33.3333333%;
}
div.cover div.box2 {
   display: table-cell;vertical-align: top; margin:: 30px 0px 30px; padding: 30px 0px 30px;
   width: 33.3333333%
}
div.cover div.box3 {
   display: table-cell;vertical-align: top; margin:: 30px 0px 30px; padding: 30px 0px 30px;
}

@media screen and (max-width: 1050px) {
   div.cover {
      display: block;
   }
   div.cover div.box1 {
      display: block;
      width: 100%;vertical-align: top; margin:0px 0px 0px; padding: 10px 8px 0px;
   }
   div.cover div.box2 {
      display: block;
      width: 100%;vertical-align: top; margin:0px 0px 0px; padding: 10px 8px 0px;
   }
   div.cover div.box3 {
      display: block;
      width: 100%;vertical-align: top; margin:0px 0px 0px; padding: 10px 8px 0px;
   }
}