@charset "utf-8";

/*

Theme Name: free_sample002

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

Description: free_sample002

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: #a0d2a0;

}



a{color:#007b43;text-decoration:none;font-weight: bold;}

a:hover{color:#37a937;text-decoration:underline;}

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

img{border:0;}

.clear{clear:both;}

#main a img{

border:1px;

border-style:solid;

}





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

全体

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

#wrapper{

margin: 0 auto;

padding: 0 20px;

width: 910px;

background: #ffffff;

}



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

/* ヘッダー

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

#header{

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

height: auto;

}



#header h1 {

padding: 7px 0 10px;

font-size: 12px;

font-weight: normal;

}



#header a {

margin: 0 20px;

}



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

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

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

#topnav {

	width: 910px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	height: 46px;

	clear: both;

} 



#topnav li {

	display: inline;

}

  

#topnav li a {

	color: #FFFFFF;

	text-decoration: none;

	background-image: url(images/topnavi_bg.png);

	background-repeat: repeat-x;

	display: block;

	float: left;

	height: 35px;

	width: auto;

	padding-top: 5px;

	line-height: 30px;

	padding-right: 35px;

	padding-left: 34px;

	padding-bottom: 0px;

	margin-right: 1px;

	background-position: bottom;

	text-align: center;

}



#topnav li a:hover {

	color: #FFFFFF;

	background-image: url(images/topnavi_bg_over.png);

}



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

/* パンくずリスト

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

#breadcrumbs {

	width: 910px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	height: 10px;

	clear: both;

} 



#breadcrumbs li {

	display: inline;

}



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

/* カウンタ

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

#counter {

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

	height: 30px;

	float: right;

}



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

/* トップ画像

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

#mainphoto{

	width:865px;

	height:215px;

	text-align:center;

	margin:0px;

	padding:0 15px 0 30px;

	clear:both;

}



.photobox1{

	width:320px; 

	margin:5px 0px;

	float:left;

}

.photobox1 img{

	width:320px;

	height:205px;

}

.photobox2{

	width:320px; 

	margin: 5px 0;

	float:left;

}

.photobox2 img{

	width:150px;

	height:100px;

}

.photobox3{

	width:200px; 

	height:100px;

	float:left;

	margin-left:5px;

	margin-right:5px;

	margin-top:5px;

	margin-bottom:0px;

	border:1px solid #cccccc;

}

.photobox3 img{

	width:200px;

	height:100px;

}

.photobox4{

	width:200px; 

	height:100px;

	float:left;

	margin-left:5px;

	margin-right:5px;

	margin-top:0px;

	margin-bottom:5px;

	border:1px solid #cccccc;

}

.photobox4 img{

	width:200px;

	height:100px;

}



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

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

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

#main {

float: right;

width: 618px;

padding: 20px 0;

display: inline;

}



#main h2{

margin-bottom: 10px;

padding: 0 10px 0px 40px;

line-height: 40px;

font-size: 15px;

font-weight: normal;

color: #333333;

background: #0b82be 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: #333333;

}



#main h4 {

font-size: 14px;

}





#main p {

padding: 15px 15px 20px 20px;

}



#main ol {

margin: 0 20px;

}



#main ul {

list-style-image: url(images/list_icon.png); 

margin-bottom: 10px;

}



#main li {

margin: 0 40px;

padding-left: 15px;

}



#main table {

margin-left: 15px;

}



#main table td{

padding: 5px;

}



#main table td p{

margin: 0;

padding: 0;

}



#main table th p{

margin: 0;

padding: 0;

}



#main table ul{

margin: 0;

padding: 0;

}



#main table li{

margin: 0 0 0 40px;

padding: 0;

}







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



#date {

text-align: right;

padding-right: 15px;

padding-top: 15px;

padding-bottom: 10px;

font-weight:bold;

color:#37a937;

}



#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: left;

width: 195px;

margin: 0px 16px 10px 0;

line-height: 1.2;

}



.last{margin-right:0;}



/* ボタン */

#main p.button{

text-align: center;

font-weight:bold;

padding: 0px 15px 0px 20px;

}



p.button a{

display:block;

line-height: 32px;

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

margin: 0 -20px;

}



p.button a{color:#fff;}

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



p.button a:hover{

cursor:pointer;

background-position: 0 -32px;

}



#main p.boxlist{

border:double #BDBDBD;

padding: 15px 5px 20px 10px;

}



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

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

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



#footer li{

text-align: left;

list-style-image: url(images/list_icon.png); 

}



/* リンクページ用設定 */

#links li{

	list-style: none;

	margin: 0;

	padding: 0;

}



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

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

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

#sidebar {

float: left;

width: 265px;

padding: 15px 0;

}



#sidebar p{

margin-top: 5px;

margin-bottom: 20px;

margin-left: 20px;

}



#sidebar h3 {

margin-top: 5px;

padding: 0 10px 0 33px;

line-height: 40px;

font-size: 15px;

font-weight: normal;

color: #333333;

background: #0b82be url(images/heading2.png) no-repeat;

}



#sidebar ul{

margin-left: 5px;

padding: 10px 0;

}



#sidebar li{

margin: 0 10px 10px 5px;

list-style: none;

border-bottom: 1px dashed #37a937;

}



#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 #37a937;

}



#footer .inner{

overflow: hidden;

}



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



#footer #logo{

float:left;

padding: 0px 0 5px;

width: 292px;

}



address{

padding: 20px 0 3px;

text-align: center;

font-style:normal;

font-size: 12px;

clear:both;

display:block;

}