@charset "utf-8";

/*

Theme Name: theme025

Theme URI: http://theme.o2gp.com/

Description: theme025

Version: 1.0

Author: o2 Group

Author URI: http://theme.o2gp.com/

Tags: simple



	o2 Group v1.0

	 http://theme.o2gp.com/



	This theme was designed and built by o2 Group,

	whose blog you will find at http://theme.o2gp.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



*{margin:0;padding:0;}



body{

font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

color:#252525;

/*background: #ffffff url(images/bg.png) no-repeat center top;*/

}





a{color:#934c25;text-decoration:none;}

a:hover{color:#c2b996;}

a:active, a:focus {outline: 0;}

img{border:0;}

.clear{clear:both;}





/*************

全体

*************/

#wrapper{

margin: 0 auto;

padding: 0 20px;

width: 910px;

}



/*************

/* ヘッダー

*************/

#header{

/*background: url(images/header.png) no-repeat 100% 0;*/

height: 180px;

}



#header h1 {

padding: 7px 0 10px;

font-size: 12px;

font-weight: normal;

color: #000000;

}



/******************

/* ヘッダー　バナー

******************/

#header .banners{

	right:-10px;

	margin-top:30px;

	float: right;

}



#header .banners img{margin-right:0px;}



/*************

/* トップナビゲーション

*************/

ul#topnav{

margin: 15px 0;

width: 910px;

height: 46px;

}



ul#topnav li{float:left;list-style:none;width:130px;}



ul#topnav a{

display: block;

width: 130px;

height: 46px;

}



/*************

メイン（右側）コンテンツ

*************/

#main {

float: right;

width: 618px;

padding: 20px 0;

display: inline;

}



#main .bannerM img{

padding-right: 10px;

padding-bottom: 15px;

}

#main .bannerM img.last{padding-right:0;}



#main h2{

margin-bottom: 10px;

padding: 0 10px 0px 30px;

line-height: 40px;

font-size: 15px;

font-weight: normal;

color: #934c25;

background: #934c25 url(images/heading.png) no-repeat;

}



#main h3 {

font-size: 14px;

line-height: 30px;

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

padding-left: 15px;

padding-bottom: 10px;

margin-top: 20px;

letter-spacing: 0.2em;

color: #934c25;

}



#main p {

padding: 15px 15px 15px 20px;

}



/* 画像を右に回りこみ */

#main p.withImage{

width: 598px;

margin: 20px 0 10px 10px;

padding: 5px 0;

}



#main p.withImage img{

float: right;

margin-left: .5em;

}



#date {

text-align: right;

padding-right: 15px;

padding-top: 15px;

padding-bottom: 10px;

font-weight:bold;

color:#934c25;

}



#next {

text-align: center;

padding-top: 30px;

padding-bottom: 30px;

}



img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

img.alignright {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

}

img.alignleft {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

}

.alignright {

    float: right;

}

.alignleft {

    float: left;

}



/* フッター共通 */

.box{

float: right;

width: 195px;

margin: 20px 16px 10px 0;

line-height: 1.2;

}



.box_img{

padding: 0px 0px 10px 0px;

}



.last{margin-right:0;}





/* ボタン */

p.button{

text-align: center;

font-weight:bold;

padding: 10px 0;

}



p.button a{

display:block;

line-height: 32px;

background: #ffffff url(images/button.png) no-repeat;

margin: 0 -20px;

}



p.button a{color:#c2b996;}

p.button a:hover{color:#ffffff;}



p.button a:hover{

cursor:pointer;

background-position: 0 -32px;

}



/* メインとフッターのリスト位置調節 */

#main ul, #footer ul{margin-left: 20px;}

#main li, #footer li{margin-bottom: 3px;}





/*************

サイド（左側）コンテンツ

*************/

#sidebar {

float: left;

width: 265px;

padding: 20px 0;

}



#sidebar p{margin-bottom: 20px;}



#sidebar h3 {

margin-top: 0;

padding: 0 10px 0 33px;

line-height: 40px;

font-size: 15px;

font-weight: normal;

color: #934c25;

background: #934c25 url(images/heading2.png) no-repeat;

}



#sidebar ul{

margin-left: 5px;

padding: 10px 0;

}



#sidebar ul.banner{

margin-left: 0;

padding: 10px 0;

}





#sidebar li{

margin: 0 10px 10px 5px;

list-style: none;

border-bottom: 1px dashed #c2b996;

}



#sidebar li a{

background: url(images/list.png) no-repeat 0 50%;

display: block;

padding-left:15px;

}



#sidebar li a:hover{background-position: 3px 50%;}









/*************

/* フッター

*************/

#footer{

clear:both;

padding: 10px 0 10px;

border-top: 1px solid #c2b996;

}



#footer .inner{

overflow: hidden;

}



* html #footer .inner{height:1%;}



#footer #logo{

float:left;

padding: 10px 0 5px;

width: 292px;

}



address{

padding: 20px 0 3px;

text-align: center;

font-style:normal;

font-size: 12px;

clear:both;

display:block;

}



/*************

オススメ業者リストを2列に

*************/



.osusume {

	width: 200px;

	float: left;

}



#main h2 {

clear:left;

}

/*************

/* リストマーク

*************/



.osusume li {

background: url(images/list.png) no-repeat 0 50%;

display: block;

padding-left:15px;

list-style: none;

}



#footer li {

background: url(images/list.png) no-repeat 0 50%;

display: block;

padding-left:15px;

list-style: none;

}





-------------------------------------------------------

【ページ部分】（よくわからないが加えておく）





#date {

text-align: right;

padding-right: 15px;

padding-top: 5px;

padding-bottom: 10px;

font-weight:bold;

color:#858585;

}



#next {

text-align: center;

padding-top: 30px;

padding-bottom: 30px;

}



img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

img.alignright {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

}

img.alignleft {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

}

.alignright {

    float: right;

}

.alignleft {

    float: left;

}











table	{

	border-collapse: collapse;	border-spacing: 0;

	width: 100%;

	margin-bottom: 30px;

}

th, td	{

	padding: 10px 10px;

	color: #1D5C79;

}



.sample10	{

	border: 1px solid #DDD;

}

.sample10 th	{

	border: 1px solid #DDD;

	color: #333;

}

.sample10 td	{

	border: 1px solid #DDD;

	color: #333;

}

span.big {font-size: 130%; }

span.red { color: red; font-weight: bold; }

span.yellow { background-color: yellow; font-weight: bold; }

img.yohaku{margin:10px;}





-------------------------------------------------------

【表など】



以下を追加





/*************

表（都道府県別ページの横幅を確認）

*************/





table.table211 {

  margin-top: 0.2em;

  margin-bottom: 1em;

  border-collapse: separate;

  border-spacing: 0px;

  font-size: 95%;

  width: 618px;　　　　　　　　←※幅サイズ



}

table.table211 {

  margin-top: 0.2em;

  margin-bottom: 1em;

  border-collapse: separate;

  border-spacing: 0px;

  font-size: 82%;

  width: 618px;　　　　　　　　←※幅サイズ



}



table.table211 caption {

  margin-top: 1em;

  text-align: right;

}



table.table211 th,

table.table211 td {

  padding: 4px 6px;

}



table.table211 th {

  background: #ece8d6;　　　←※エリア名背景色 #cccccc

  text-align: center;

  white-space: nowrap;

  font-size: 92%;

  color: #9e5f3c;             ←※エリア名文字色 #666666

}



table.table211 td {

  text-align: right;

  white-space: nowrap;

}



table.table211 col.month {

  background: #fefdfc;      ←※地域名背景色

}



table.table211 col.session {

  background: #fefdfc;

}



table.table211 col.pageview {

  background: #fefdfc;

}



table.table211 col.newsession {

  background: #fefdfc;

}



table.table211 col.staytime {

  background: #fefdfc;

}



table.table211 col.conversion {

  background: #fefdfc;

}