@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding: 0;
	margin: 0;
	font-size: 11px;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:12px/1.5 Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic;
color:#333;
background:#FBD2CE;
}



a:link,a:visited{color:#999;text-decoration:none;}
a:hover{color:#ddd;}
a:active, a:focus {
	outline: 0;
	font-size: 10px;
}
img{border:0;}



/*******************************
レイアウト
*******************************/
#header, #mainnav, #wrapper,#footer ul{
margin:0 auto;
width:880px;
clear:both;
}

#sidebar{
float:right;
width:233px;
padding:22px 0 50px;
}

#main{
float:left;
width:627px;
padding:22px 0 50px;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:200px;
}

#header{
position:relative;
height:200px;
}

#header h1,#header h2,#header p{
position:absolute;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

#header h3{
position:relative;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/* ロゴ */
#header h2{
left:0;
}



/* 住所 */
#header p{
right:0;
}


/************************************
/* メインナビゲーション
************************************/

ul#mainNav{
position:absolute;
top:102px;
height:100px;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 100px;
background:url(images/mainNav1.png) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -100px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.png);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.png);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.png);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.png);}	



/************************************
/* メイン
************************************/

h3.heading{
clear:both;
padding-left:15px;
line-height:34px;
font-size:12px;
font-weight:normal;
color:#2c2c2c;
background:url(images/headingBg.png) no-repeat 0 0;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:#FFFFFF;
border:1px solid #5387BB;
}

.last{border-bottom:none;}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}



/************************************************
/* トップページ グリッド
*************************************************/
.grid {
float: left;
width:260px;
min-height:380px;
margin:10px;
padding:10px;
border:3px solid #617BE3;
background: #ffffff;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}


/* サイドバーとバナーのみグリッドの枠なし その他調節 */
.sidebar, .banner{
width:280px;
margin: 10px;
padding:0;
border:0;
background:transparent;
}

.grid img{
display: block;
max-width:260px;
padding: 4px;
border:0px ;
}

.sidebar img, .banner img{
max-width:280px;
padding:0;
border:0;
}

.sidebar a img:hover, .banner a img:hover{
opacity:.8;
-moz-opacity:0.8;
filter: alpha(opacity=80);
}

.grid h3{
margin:7px 0 3px;
text-shadow: 1px 1px 1px #ccc;
}

p.readon{margin-top:10px;}

p.readon a{
text-decoration:none;
padding:5px 10px;
position:relative;
display:inline-block;
text-shadow:0 1px 0 #fff;
-webkit-transition:border-color .218s;
-moz-transition:border .218s;
-o-transition:border-color .218s;
transition:border-color .218s;
background:#f3f3f3;
background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
-o-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border:solid 1px #5387BB;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:12px;
}

p.readon a:hover {
border-color:#67a5df;
-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}
p.readon a:active {color:#000; border-color:#444;}


/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.transitions-enabled.masonry.masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}

.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}


/**** Clearfix ****/
.clearfix:before, .clearfix:after, .article:before, .article:after{content: ""; display: table;}
.clearfix:after, .article:after{clear: both;}
.clearfix, .article{zoom: 1;}


/************************************************
/* トップページ box4
*************************************************/
.box4{
margin:0 0 2px 0;
padding:0 0 2px;
width:260px;
border:0;
background:url(images/box.png) 0 100%;
}


/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:15px;
line-height:34px;
font-size:12px;
font-weight:normal;
color:#000;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

ul.info{
font-size:11px;
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #5387BB;
margin-bottom:20px;
background:#fff;
}

ul.info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #5387BB;
}

ul.info a:link,ul.info a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

ul.info a:hover, ul.info li.current_page_item a, ul.info li.current-menu-item a{color:#999;}

ul.info li.last{border-bottom:none;}

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

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
}

#footer ul{
font-size:10px;
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #c9c9c9;
}

#footer li a{
color:#313131;
}

#footer li a:hover{
color:#999;
}

p#copy{
color:#FFFFFF;
padding:10px 0 37px;
text-align:center;
font-size:10px;
}
#wrapper #main .grid table tr td table tr td {
	font-size: 10px;
}