@charset "utf-8";
/*
Theme Name: theme274
Theme URI: http://theme.o2gp.com/
Description: theme274
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: beauty

	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.6 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#845040;
background:#ffffff url(images/bg_body.jpg) repeat 0 0;
}

a{color:#c03333;text-decoration:underline;}
a:hover{color:#e87575;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{padding-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}


/*************
全体幅
*************/
#header, #container01, #container02{
margin: 0 auto;
width: 960px;
}


/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 120px;
}
#header h1,#header h2, #header h3, #header ul{
position:absolute;
top:15px;
font-size: 11px;
font-weight: normal;
}
#header h2{
font-weight: normal;
right:0;
}
#header h3{top: 43px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 60px;
right:0;
border-left: 1px dashed #845040;
}
#header ul li{
list-style: none;
float:left;
padding: 0 20px;
font-size:12px;
font-weight: bold;
border-right: 1px dashed #845040;
}


/*************
メイン画像
*************/
#mainImage{
margin: 0 auto;
width: 960px;
}


/*************
コンテンツ全体
*************/
#container01{padding: 30px 0 30px 12px;}
#container01 p {
position : relative;
width :  225px;
height : 120px;
margin: 0 0 10px;
padding: 0;
}
#container01 p:after {
position: absolute;
bottom : 0;
left : 0;
width :  225px;
height : 120px;
content: url("images/smallImagef.png");
}
#container02{padding: 0 0 30px;}
#container02 p{
background: url(images/content_bg.png) repeat 0 0;
padding: 5px;
margin: 0 ;
}
.box{
float: left;
width: 225px;
margin-right: 15px;
line-height: 1.2;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:470px;}

/* 画像を左に回りこみ */
.long img{
float:left;
padding: 0 10px 10px 0;
}

/* H3 見出し */
#container02 h3{
font-size: 14px;
margin: 0 0 15px;
padding: 15px 10px 15px;
background:url(images/h3.png) repeat-x 0 0;
}

/* 2つ目以降の H3 見出し */
#container02 h3.other{margin-top:40px;}
#container02 ul li, .inner ul li{
list-style: none;
margin-bottom: 8px;
padding: 1px 0 1px 25px;
background:url(images/bullet.png) no-repeat 0 0;
}


/*************
/* フッター
*************/
#footerUpper{
clear:both;
overflow: hidden;
background: url(images/bg_foot.jpg) repeat 0 0;
}
#line {
background: url(images/line.png) repeat-x 0 0;
margin: 0 auto;
height: 17px;
}
#footerUpper .inner{
overflow: auto;
padding: 40px 0 20px;
margin: 0 auto;
width: 960px;
}
#footerUpper #logo{
float:left;
width: 300px;
}
#footerUpper .box{
float: left;
width: 195px;
margin: 0 16px 0 0;
}

#footerLower{
overflow: hidden;
background: url(images/bg_copy.jpg) repeat 0 0;
}
#footerLower .inner{
position:relative;
min-height: 60px;
font-size:13px;
margin: 0 auto;
width: 960px;
padding: 10px 0 0;
}
* html #footerLower .inner{height:60px;}
#footerLower .inner p{
position:absolute;
top: 14px;
padding-bottom: 10px;
}
#footerLower .inner p#copy{padding-top: 10px;}
#footerLower .inner p#contact{
position:absolute;
right:0;}