@charset "UTF-8";


/*---------------------------- PC向けのスタイル ----------------------------*/
@media only screen and (min-width: 921px) {


/*---------- ページ全体の指定 ----------*/

body{
  width : 102%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
  margin : 1px;
  font-size: 16px;
  color : #333333;
  background-color : white;
  -webkit-text-size-adjust: none;
  
    height : 658px;border-style : none;border-color : white;
    text-align : center;
  
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
  
  
    line-height : 1.3;
  
  
    background-image : url(../img/image5.gif);
  }


/*---------- メイン ----------*/

#main{
  width : 100%;
  overflow: hidden;
  margin : 0px auto 0px;
  padding: 0;
  text-align : center;
  background-color : white;
  
  }


/*---------- ヘッダー ----------*/

#header{
  width : 100%;
  margin: 0 auto 0 auto;
  border-top : 0px solid #ff6a6a;
  background-image : url(../yakuwari/image70-1.jpg);  /*-- 背景 --*/
  background-repeat: repeat-x;
}

#header h1{
  margin: 0 auto 0 auto;
  width: 900px;
  padding: 2px 0 0 5px;
  font-weight: normal;
  text-align: left;
  font-size: 10px;
  color: #999999;
}


/*---------- ヘッダー内 ----------*/

#header #header_inner{
  width: 900px;
  height : 125px;  /*-- 高さ --*/
  padding : 2px 4px;  /*-- 余白 --*/
  margin: 0 auto 0 auto;
}


/*----- 左 logo -----*/

#h_logo{
  padding: 0;
  text-align: left;
  font-size: 14px;
  color: #444444;
  line-height: 1.5;
  text-decoration: none;
  float: left;
}

#h_logo h2{
  margin: 0;
  padding: 16px 0 0 0px;  /*-- logo 位置 --*/
  text-align: left;
  font-size: 20px;
  color: #444444;
  letter-spacing: 0.05em;
}

#h_logo a{
  font-size: 22px;
  color: #666666;
  text-decoration: none;
}

#h_logo a:hover{
  font-size: 22px;
  color: #888888;
  text-decoration: none;
}


/*----- 右 info -----*/

#h_info{
  margin: 0;
  padding: 2px 0 0 0;  /*-- info画像 位置 --*/
  text-align: right;
  font-size: 16px;
  color: #555555;
  line-height: 1.8;
  text-decoration: none;
  float: right;
}

#h_info p{
  margin: 0;
  padding: 3px;
  text-align: left;
  font-size: 14px;
  color: #444444;
  letter-spacing: 0.05em;
}

#h_info a{
  font-size: 13px;
  color: #333333;
  text-decoration: none;
}

#h_info a:hover{
  font-size: 13px;
  color: #666666;
  text-decoration: none;
}

span.tel{
  font-size: 1.42em;
  color: #c9171e;
  line-height: 1.6;
  font-weight: bold;
}


/*---------- PCメニュー ----------*/

#header-menu{
  clear: both;
  width : 100%;
  margin : 0px 1px 0px 0px;
  padding : 0px 0px 17px;
  height : 48px;
  text-align : left;
  border-top : 0px none;
  border-bottom : 0px none #ffffff;
  background-repeat: repeat-x;
    border-left-width : 0px;
    border-right-width : 1px;
    border-left-style : none;
    border-right-style : solid;
    border-right-color : silver;
  
    border-left-color : #ffffff;
  
  }

	#header-menu ul{
	
	width: 900px;
	
	text-align: left;
	
	margin-top: 0px;
	
	margin-right: auto;
	
	margin-bottom: 0px;
	
	margin-left: auto;
	
	padding-top: 0px;
	
	padding-right: 0px;
	
	padding-bottom: 0px;
	
	padding-left: 0px;
	
	background-repeat: repeat-x;
	
}

#header-menu li{
  display: inline;
  list-style-type: none;
  float: left;
  color: #ffffff;
}

#header-menu li a{
  font-size : 14px;
  color : #fffffc;
  text-align: center;
  display: block;
  text-decoration: none;
  padding : 15px 13px 16px;
  background-repeat: repeat-x;
    border-left-width : 1px;
    border-left-style : solid;
    border-left-color : #e3e3e3;
  
    letter-spacing : 0.15em;
  
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-top-style : solid;
    border-bottom-style : solid;
    border-top-color : #e3e3e3;
    border-bottom-color : #e3e3e3;
  
    border-right-style : solid;
  
    border-right-width : 1px;
    border-right-color : #e3e3e3;
  
    background-image : url(../img/image.jpg);
  }

	#header-menu li a:hover{
	
	color: #fffffc;
	
	background-repeat: repeat-x;
	
	background-image : url(../img/image1.jpg);
	
}

#header-menu li.home a{
  padding : 12px 24px 19px 13px;
    margin-left : 0px;
  
    margin-right : 0px;
  }

.clearfix:after{
  content: "";
  display: block;
  clear: both;
  height: 0; 
  visibility: hidden;
}


/*---------- SPメニュー ----------*/

#header-nav{
  display: none;
}


/*---------- SP電話ボタン ----------*/

.phone{
  display: none;
}


/*---------- メイン画像 ----------*/

#header-img{
  width: 100%;
  margin: 2px 0 0 0;
  text-align: center;
}

.main_photo{
  display: block;
  margin: 0 auto 0 auto;
    padding-left : 0px;
  }


/*---------- コンテンツ ----------*/

#container{
  width: 885px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  padding: 8px 10px 6px 5px;
  background : #f4f4f4;background-repeat : repeat-y;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
}


/*---------- メインコンテンツ ----------*/

#contents{
  float: right;
  margin : 0px;
  padding : 0px;
  font-size: 16px;
  width : 655px;
    font-weight : lighter;
  
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #ff6a6a;
  
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-left-color : #ff6a6a;
    border-right-color : #ff6a6a;
    border-bottom-color : #ff6a6a;
  }

#contents #pannavi{
  margin: 0 0 6px 0;
  padding: 0 0 8px 0;
  font-size: 15px;
}

#contents #pannavi a{
  font-size: 15px;
}

#contents h2{
  height: 44px;
  margin: 0 0 10px 0;
  padding : 6px 0px 0px 26px;
  font-size: 18px;
  background-repeat: no-repeat;
    text-align : center;
  
    background-image : url(../img/image5.gif);
  }

#contents h2.page_title{
  margin: 0 0 18px 0;
  padding: 18px 0 4px 30px;
  line-height: 1.7;
  font-size: 20px;
  color: #581201;
  border: none;
  background-image : url(../../value_bl_wid_w_log_rd/img/page_title.gif);
  background-repeat: no-repeat;
}

#contents h2.txt{
  height: auto;
  margin: 0 0 7px 0;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #54351f;
  background: none;
}

#contents h3{
  margin: 12px 3px 10px 3px;
  padding: 15px 10px 10px 18px;
  line-height: 1.4;
  font-size: 17px;
  color: #54351f;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #882200;
  border-left: solid 5px #882200;
  background-color: #fef4ea;
}

#contents h3.beta{
  margin: 12px 2px 10px 2px;
  padding: 14px 10px 12px 16px;
  line-height: 1.4;
  font-size: 18px;
  color: #fffffc;
  border: none;
  background-image : url(../yakuwari/h3_beta.gif);
  background-repeat: no-repeat;
}

#contents h3.point{
  margin: 10px 0 10px 0;
  padding: 10px 10px 8px 10px;
  line-height: 1.4;
  font-size: 18px;
  color: #882200;
  border-top: solid 1px #999999;
  border-right: solid 1px #bbbbbb;
  border-bottom: solid 4px #663300;
  border-left: solid 1px #bbbbbb;
  background-image : url(../yakuwari/h3_point.gif);
  background-repeat: repeat-x;
}

#contents p{
  margin : 0px;
  padding : 0px;
  font-size: 16px;
    background-color : white;
  }


/*---------- 画像の回り込み ----------*/

img.picture{
  margin: 0 10px 10px 0;
  float: left;
}

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


/*---------- 表（テーブル） ----------*/

table#t01{
  width: 310px;
  border: solid 1px #cccccc;
  border-collapse: collapse;
}


td#t01{
  padding: 10px;
  border-collapse: collapse;
}


td#head{
  padding: 9px 6px 6px 15px;
  border: solid 1px #cccccc;
  border-collapse: collapse;
}


table.table_line{
  border-collapse: collapse;
  border: solid 1px #999999;
  width: 100%;
}

td.table_head{
  border-collapse: collapse;
  border: solid 1px #999999;
  padding: 12px 14px 8px 14px;
  background-color: #fff8e3;
  width: 100px;
}

td.table_line{
  border-collapse: collapse;
  border: solid 1px #999999;
  padding: 12px 14px 8px 14px;
  width: auto;
}


/*---------- サイドエリア ----------*/

#menu{
  float: left;
  margin : 0px;
  padding : 0px;
  width : 215px;
  text-align: left;
border-width : 0px;border-style : none;border-color : white;
}

.menulist{
  margin: 0 0 28px 0;
  padding : 5px 2px 0px;
  width : 202px;
  text-align : center;
    font-weight : lighter;
  }

.menulist h2{
  height : 23px;
  margin : 0px 4px 0px 7px;
  padding : 7px 0px 5px 6px;
  font-size: 15px;
  color : #fffffc;
  background-repeat: no-repeat;
    background-image : url(../img/sidebar.gif);
  }

.menulist h3{
  height: 27px;
  margin: 0;
  padding: 12px 0 5px 14px;
  font-size: 15px;
  color: #fffffc;
  background-image : url(../yakuwari/sidebar.gif);
  background-repeat: no-repeat;
}

.menulist ul{
  margin: 0;
  padding: 0;
}

.menulist li{
  margin: 0;
  padding: 0;
  list-style: none;
}

.menulist li a{
  color : #303030;
  display: block;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  padding: 8px 4px 3px 30px;
  font-size: 13px;
  line-height: 1.9;
  text-decoration: none;
  background-repeat: no-repeat;
    font-weight : lighter;
    text-align : left;
  
    background-image : url(../img/side_li.gif);
  }

	.menulist li a:hover{
	
	color: #745a45;
	
	background-repeat: no-repeat;
	
	background-image : url(../img/image11.gif);
	
}

.menu_free{
  margin : 0px 0px 28px 3px;
  padding : 0px;
  width: 210px;
  text-align: left;
  background-image : url(../yakuwari/menu_back.gif);
}

.menu_free h2{
  height : 25px;
  margin : 0px 4px 0px 5px;
  padding : 6px 0px 5px 7px;
  font-size: 15px;
  color : #fffffc;
  background-image : url(../yakuwari/sidebar.gif);
  background-repeat: no-repeat;
    text-align : center;
  
    font-weight : lighter;
  }

.menu_free h3{
  height: 27px;
  margin: 0;
  padding: 12px 0 5px 14px;
  font-size: 15px;
  color: #fffffc;
  background-image : url(../yakuwari/sidebar.gif);
  background-repeat: no-repeat;
}

.menu_free p{
  margin : 0px 5px 0px 4px;
  padding : 8px 1px 14px 9px;
  font-size: 13px;
  line-height: 1.8;
    text-align : center;
  }

.menu_top{
  margin: 0 0 5px 5px;
  padding: 0;
  text-align: left;
}

.menu_top a{
  color: #993300;
  padding: 6px 0 6px 0;
  line-height: 1.8;
}

.menu_top a:hover{
  color: #666666;
}

.menu_top p{
  margin: 0;
  padding: 0;
  line-height: 1.8;
}


.menu_btn_under{
  margin: 0 0 10px 0;
  padding: 0 0 0 5px;
  text-align: left;
}

.menu_btn_under a{
  margin: 0 0 8px 0;
  color: #993300;
  display: block;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
  text-decoration: none;
}

.menu_btn_under a:hover{
  color: #666666;
}


/*---------- サイドエリア・トップに戻る ----------*/

.menu_back{
  display: none;
}


/*---------- フッター ----------*/

#footer{
  clear: both;
  width : 100%;
  margin: 0;
  padding : 0px;
  text-align: center;
  font-size: 14px;
  color : #333333;
  line-height : 1.1;
  border-top : 0px solid #ff6a6a;
  
  
    background-image : url(../img/image611.jpg);
  }

#footer a{
  color: #333333;
  font-size: 14px;
  text-decoration: none;
}

#footer a:hover{
  color: #555555;
  text-decoration: none;
}

}