@charset "utf-8";

/*

Theme Name: winthecheltenhamhouse.com

*/



/*----------リセット-----------------------------------------------*/

html, body, div, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-style:normal;

    font-weight: normal;

    vertical-align: baseline;

  line-height: 150%;

  letter-spacing: 1px;

  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;

}

img {

    vertical-align:bottom;

    margin: 0;

    padding: 0;

    border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}

html{

    overflow-y: scroll;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

input, textarea,{

    margin: 0;

    padding: 0;

}

ol, ul{

    list-style:none;

}

table{

    border-collapse: collapse; 

    border-spacing:0;

}

caption, th{

    text-align: left;

}

a:focus {

    outline:none;

}

.clearfix:after {

    content: "."; 

    display: block;

    clear: both;

    height: 0;

    visibility: hidden;

}

.clearfix {

    min-height: 1px;

}

* html .clearfix {

    height: 1px;

    /*\*//*/

    height: auto;

    overflow: hidden;

    /**/

}

.both{

    clear:both;

}

p {

  margin-bottom: 15px;

}

caption, th {

  text-align: left;

}

h1, h2, h3, h4 {

  font-size: 130%;

  font-weight: bold;

}

h5, h6 {

  font-size: 100%;

  font-weight: normal;

}

a:hover img {

  opacity: 0.7;

  filter: alpha(opacity=70);

}

h1 a:hover img{

  opacity: 1;

  filter: alpha(opacity=100);

}

a:hover {

  text-decoration: underline;

}



/*-------レイアウト-----------------------------------------------------------*/

body{

  color:#666;

  font-size:12px;

  background:url(image/body.png);

}

#all_wrap{

  background:url(image/head.png) repeat-x;

}

header{

  width:900px;

  margin:0 auto;

  padding-top:5px;

}

nav ul{

  overflow:hidden;

  padding:19px 0 5px;

}

nav li a{

  float:left;

  display:block;

  color:#fff;

  line-height:30px;

  padding:0 10px;

}

nav .none a{

  border:none;

}

nav li a:hover{

  text-decoration:none;

  background:url(image/nav_on.png) no-repeat center 0px;

}

#flame{

  width:900px;

  margin:20px auto;

  padding-bottom:20px;

  overflow:hidden;

}



/*-------side-----------------------------------------------------------*/

#left_flame{

  width:310px;

  float:left;

}

#line{

  background:url(image/white.png);

  border:1px solid #E9EBE6;

  margin:10px 0 20px 0;

  padding:10px 10px 0 10px;

}

.line_box{

  overflow:hidden;

  border-bottom:1px solid #D3D3D3;

  margin-bottom:10px;

  padding-bottom:10px;

}

.line_box a{

  display:block;

}

.line_box img{

  width:105px;

  float:left;

}

.line_box h3{

  font-size:12px;

  background:url(image/headline_icon.png) no-repeat;

  padding:0 5px;

  padding-left:14px;

  margin-left:110px;

  margin-bottom:5px;

}

.line_box p{

  margin-bottom:0;

  margin-left:110px;

  color:#666;

}

.line_box span{

  background:url(image/line_icon.png) no-repeat left 2px;

  display:block;

  margin-left:110px;

  padding-left:15px;

  color:#000;

}

.line_box a:hover{

  text-decoration:none;

}

.line_box a:hover span{

  text-decoration:underline;

}

#left_flame h2{

  clear:both;

}

#news{

  background:url(image/white.png);

  padding:10px;

  margin-top:10px;

  margin-bottom:20px;

  border:1px solid #E9EBE6;

}

#news ul{

  overflow:auto;

  max-height:200px;

}

#news li{

  margin-bottom:5px;

  background:url(image/new_icon.png) no-repeat left 6px;

  padding-left:10px;

}



#news span{

  margin-right:10px;

  font-size:10px;

}

#pick_up{

  background:url(image/gray.png);

}

#pick_up h2{

  padding:5px;

}

.up_box{

  padding:10px;

  overflow:hidden;

}

.up_box a{

  display:block;

  overflow:hidden;

}

.up_box img{

  width:90px;

  float:left;

}

.up_box h3{

  font-size:12px;

  color:#fff;

  background:url(image/pickup_icon.png);

  margin-left:95px;

  margin-bottom:5px;

  padding-left:20px;

}

.up_box p{

  margin-bottom:0;

  margin-left:95px;

  color:#fff;

}

.up_box a:hover{

  text-decoration:none;

}



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

#right_flame{

  width:580px;

  float:right;

}

#main_box{

  background:url(image/white.png);

  padding:10px;

  overflow:hidden;

}



/*-------footer-----------------------------------------------------------*/

footer{

  text-align:center;

  padding:73px 0 4px 0;

  background:url(image/foot.png);

  color:#fff;

  clear:both;

}

footer p{

  margin-bottom:0;

}

/*-------subページ-----------------------------------------------------------*/



/*-------listページ-----------------------------------------------------------*/

#list_box{

  background:url(image/white.png);

  padding:10px;

  margin-bottom:10px;

  overflow:hidden;

  border:1px solid #E4E5E3;

}

.item{

  width:210px;

  float:left;

  margin-right:12px;

  margin-bottom:10px;

}

.item a{

  display:block;

}

.item h3{

  border-left:4px solid #FFB109;

  margin-top:5px;

  padding-left:5px;

  font-size:13px;

  margin-bottom:5px;

}

.item p{

  color:#333;

  margin-bottom:0;

}

.space_no{

  margin-right:0;

}

.item a:hover{

  text-decoration:none;

}

#info ul{

  overflow:auto;

  max-height:200px;

  background:url(image/white.png);

  padding:10px;

  margin-top:10px;

  border:1px solid #E9EBE6;

}

#info li a{

  margin-bottom:5px;

  background:url(image/new_icon.png) no-repeat left 6px;

  padding-left:10px;

}

#info li a:hover{

  background:url(image/new_icon_on.png) no-repeat left 6px;

}

#info span{

  margin-right:10px;

  font-size:10px;

}





/*-------hタグ-----------------------------------------------------------*/

#right_flame h2{

  background:url(image/h2.png) no-repeat;

  height:27px;

  color:#332f2f;

  padding:5px 0 0 25px;

  font-weight:normal;

  margin-bottom:10px;

}

#main_box h3{

  background:url(image/h3.png) no-repeat;

  font-size:12px;

  padding-left:20px;

  color:#414141;

  margin-bottom:15px;

}

#main_box h4{

  background:url(image/h4.png) no-repeat left bottom;

  font-size:12px;

  color:#414141;

  margin-bottom:15px;

  padding-left:20px;

}

#list_flame h2{

  background:url(image/list_h2.png) no-repeat;

  height:27px;

  color:#fff;

  padding:5px 0 0 25px;

  font-weight:normal;

  margin-bottom:10px;

}

#info h2{

  background:none;

  padding:0;

}

/*-------パンクズ-----------------------------------------------------------*/

#pan{

  margin:5px 0 10px;

}

#pan ul{

  overflow:hidden;

}

#pan li{

  float:left;

  background:url(image/pan.png) no-repeat left 4px;

  padding-left:15px;

  margin-right:15px;

}   

/*-------自動画像設定-----------------------------------------------------------*/

#main_box h3 {

  clear : both;

}

#main_box img{

  float:right;

    margin:0 0 10px 10px;

}

.alignleft {

  float:left;

    margin:0 10px 10px 0;

}

.alignright {

  float:right;

    margin:0 0 10px 10px;

}

/*-------カラー指定-----------------------------------------------------------*/

a{

  color:#fa9d03;

  text-decoration:none;

}

footer a{

  color:#fa9d03;

}

#main_box{

  border:1px solid #D2D4CF;

}