@charset "utf-8";

*{
	margin:0;padding:0;
}

html{
	background:#ffffff;
}

body{
	font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"?E-?E3 ?E°ゴシチE?￣","MS PGothic",Sans-Serif;
color:#252525;
background : url(../images/header.png) 0% 0% / auto auto repeat-x scroll padding-box border-box #ffffff;
}

a{
	color:#777;
}
a:hover{
	color:#999;text-decoration:none;
}
a:active, a:focus{
	outline: 0;
}
img{
	border:0;
}
.clear{
	clear:both;
}
p{
	margin-bottom: 10px;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}


/*******************************
/* 全体
*******************************/
#header, #container, .inner{
	margin: 0 auto;
width: 960px;
}


/*******************************
/* ヘッダー
*******************************/
#header{
	position:relative;
height: 130px;
}

#header h1,#header strong, #header h3, #header ul, #header .banners{
	font-weight:normal;
position:absolute;
top:0;
color: #fff;
font-size: 10px;
line-height: 21px;
}

#header strong{
	right:0;
}

/* ロゴの位置 */
#header h3{
	top: 50px;
}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
	top: 60px;
right:0;
width: 630px;
height: 20px;
background : url(../images/topnav.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
line-height:20px;
}

#header ul li{
	float:left;list-style:none;
}

#header ul a{
	text-indent: -9999px;
text-decoration: none;
display: block;
height: 20px;
background : url(../images/topnav.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

#header ul a#concept{
	background-position:0 0;width: 250px;
}
#header ul a#blog{
	background-position:-250px 0;width:250px;
}

#header ul a:hover#concept, #header ul li.active a#concept{
	background-position:0 -20px;
}
#header ul a:hover#blog, #header ul li.active a#blog{
	background-position:-250px -20px;
}


/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
	margin: 0 auto;
width: 960px;
height: 60px;
background : url(../images/mainnav.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}

ul#mainnav li{
	float:left;list-style:none;width:160px;
}

ul#mainnav a{
	text-indent: -9999px;
text-decoration: none;
display: block;
width: 160px;
height: 60px;
background : url(../images/mainnav.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}

ul#mainnav a#home{
	background-position:0 0;
}
ul#mainnav a#check{
	background-position:-160px 0;
}
ul#mainnav a#menu1{
	background-position:-320px 0;
}
ul#mainnav a#menu2{
	background-position:-480px 0;
}
ul#mainnav a#menu3{
	background-position:-640px 0;
}
ul#mainnav a#menu4{
	background-position:-800px 0;
}


ul#mainnav a:hover#home, ul#mainnav li.active a#home{
	background-position:0 -60px;
}
ul#mainnav a:hover#check, ul#mainnav li.active a#check{
	background-position:-160px -60px;
}
ul#mainnav a:hover#menu1, ul#mainnav li.active a#menu1{
	background-position:-320px -60px;
}
ul#mainnav a:hover#menu2, ul#mainnav li.active a#menu2{
	background-position:-480px -60px;
}
ul#mainnav a:hover#menu3, ul#mainnav li.active a#menu3{
	background-position:-640px -60px;
}
ul#mainnav a:hover#menu4, ul#mainnav li.active a#menu4{
	background-position:-800px -60px;
}



/*******************************
/* 
*******************************/
#mainImage{
	margin: 24px 0px 5px 0px;
}


/*******************************
/* 
*******************************/
#container{
	padding: 20px 0;
}

#main{
	float: right;
width: 715px;
padding-bottom:40px;
}

#sidebar{
	float: left;
width: 225px;
padding-bottom:40px;
}


/*************************
/* ボックス
*************************/

#sidebar .box1{
	width:209px;
margin: 0 0 20px;
padding: 10px 7px;
border:1px solid #dadada;
background: #fff;
}

.box2{
	margin:0 0 20px 0;
width:713px;
border:1px solid #dadada;
background: #fff;
}

.box2 p{
	padding: 10px 10px 0px 10px;
}

#date{
	text-align: right;
padding-right: 5px;
padding-top: 15px;
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;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}


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

#container h3{
	font-size: 12px;
margin-bottom:10px;
padding-bottom:5px;
color: #252525;
font-weight:bold;
border-bottom: 1px solid #dddddd;
}

#container h2{
	padding: 0 5px 0 15px;
line-height:37px;
font-size: 15px;
font-weight:bold;
color:#252525;
background : url(../images/h2Bg.png) 0px 100% / auto auto no-repeat scroll padding-box border-box transparent;
}


/*************
/* 
*************/
#container ul{
	margin-left: 5px;
}

#container ul li, #footerUpper ul li{
	list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background : url(../images/bullet.gif) 0px 5px / auto auto no-repeat scroll padding-box border-box transparent;
}

#sidebar ul{
	margin-left:3px;
}

/*************
/* サイド
*************/
#sidebar p{
	margin-bottom:20px;
}
#sidebar ul{
	margin-bottom:10px;
}


/*******************************
/* フッター
*******************************/
#footerUpper{
	font-size:11px;
clear:both;
padding: 20px 0;
border-bottom:1px solid #5d5d5d;
overflow: hidden;
background:#f6f6f6;
}

#footerUpper .inner .box{
	float: left;
width: 210px;
padding-left:10px;
margin:0 20px 10px 0;
line-height: 1.2;
}

#footerUpper .inner .last{
	width: 230px;
margin-right:0;
}

#footerUpper ul li{
	color:#fff;
background : url(../images/bullet.gif) 0px 3px / auto auto no-repeat scroll padding-box border-box transparent;
}

#footerLower{
	clear:both;
padding: 10px;
text-align:center;
background:#000;
}

address{
	color: #fff;
font-style:normal;
font-size:10px;
}

#testpage{
	margin:20px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width:700px;
	height:55px;
	background: url(../images/check.gif) no-repeat 0 0;
}
#testpage:hover{
	background-position: 0px -60px;
}