/* CSS Document-------------------------------------------  */

/*初期化用*/
@import "common.css";

html {
    font-size: 62.5%; /*ベースを10px*/
}

/* contents width */
div#container,
div#header{
	width: 900px;
	_width: 902px;	/* IE6用+2px */
}

div#navi,
div#body-contents{
	width: 900px;
	_width: 902px;	/* IE6用+2px */
}

/* side border left & right */
div#header,
div#navi,
div#body-contents{
	border-left: 1px solid #47341F;
	border-right: 1px solid #47341F;
	font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
}

/* body */
body{
	margin: 0px;
	padding: 0px;
	background: #FFF857;
	text-align: center;
	color: #454545;
	background: url(../img/back.jpg) repeat-y center;
    font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
    font-size: 1.3rem; /*13px*/
}

/* link */
a			{ text-decoration: none; }
a:link		{ color: #47341F; }
a:visited	{ color: #ababab; }
a:hover		{ color: #d3001d; text-decoration: underline; }

/* container */
div#container{
	margin: 0px auto;
	text-align: left;
}

/* header */
div#header{
	z-index: 1;
	position: absolute;
	top: 30px;
	height: 200px;
	background: url(../img/logo.jpg) no-repeat;
}

/* navi */
div#navi{
	position: absolute;
	background: #999999;
}

div#navi p{
	margin: 9px 0px 0px 16px;
	font-size: 10pt;
	font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	line-height: 160%;
}

/* body-contents */
div#body-contents{
	position: absolute;
	top: 210px;
	overflow: hidden;
	background: #fff;
	text-align: left;
	padding-top: 30px;
}

/* main-contents */
div#main-contents{
	width: 625px;
	_width: 627px;	/* IE6用 */
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0px 5px 0px 40px;
}
div#main-contents hr{
	clear: both;
	color: #CEBC99; /* 線の色(IE用) */
	background-color: #CEBC99; /* 線の色(NN用) */
	border-top: 1px dotted #47341F;
}


div#footer{
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
	border-top: 1px dotted #47341F;
	padding-top:12px;
    font-size: 1.3rem; /*13px*/
}

div#footer #copyright{
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	border-top: 1px dotted #47341F;
    font-size: 1.3rem; /*13px*/
	font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	line-height: 140%;
}

h1{
    font-size: 1.3rem; /*13px*/
	color: #47341F;
	font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-left: 0px;
	padding:8px 30px 6px 16px;
	background: #fff;
	height: 16px;
}

h2{
	clear: both;
	margin: 5px 0px 5px 16px;
	padding: 5px 14px 5px 10px;
	border-top: 1px solid #47341F;
	border-bottom: 1px solid #47341F;
	border-right: 1px solid #47341F;
	border-left: 13px solid #47341F;
    font-size: 1.3rem; /*13px*/
	font-weight: bold;
	font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	color: #47341F;
	line-height: 160%;
}


/* div.contents */
div.contents{
	clear: both;
	margin: 0px 0px 30px 16px;
	padding: 5px 14px 5px 14px;
	overflow: auto;
    font-size: 1.3rem; /*13px*/
	font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	line-height: 160%;
}

/* list ul li */
div#main-contents ul,
div#main-contents ol{
	list-style-position: outside;
	margin: 0 10px 10px 10px;
}
div#main-contents ul{ list-style-type: circle; }
div#main-contents li{ line-height: 150%; }
div#main-contents ul.list{
	list-style-type: circle;
	list-style-position: outside;
	padding: 15px;
}
div#main-contents ul.list li{
	padding-left: 5px;
}


/* side */
div#side{
	display: inline;
	float: right;
	overflow: hidden;
	width: 225px;
	_width: 232px;/* IE6用 */
	margin-bottom: 20px;
	padding-right: 5px;
}

/* side menu */
div#side .menu{
	width: 190px;
	_width: 192px;/* IE6用 */
	border: 1px solid #47341F;
	margin: 0px 10px 0px 0px;
}

div#side .title{
	padding: 5px;
    font-size: 1.3rem; /*13px*/
	font-weight: bold;
	text-align: center;
	background-color: #47341F;
	color: #FFFFFF;
}

div#side ul,
div#side ol{
	list-style-position: outside;
	margin: 0 10px 10px 10px;
}
div#side ul{ list-style-type: circle; }
div#side li{ line-height: 150%; }
div#side ul.list{
	list-style-type: circle;
	list-style-position: outside;
	padding: 10px 6px 10px 15px;
}
div#side ul.list li{
	padding-left: 0px;
    font-size: 1.3rem; /*13px*/
}

/* footer menu */
div#footer .menu{ margin: 0px 0px 0px 0px; }

div#footer .menu li{
	display: inline;
	margin: 0px 8px 0px 8px ;
    font-size: 1.2rem; /*12px*/
	line-height: 110%;
}

/* img */
img{
	border: none;
}

/*------------------------------------------------------------
jQuery Masonry
-------------------------------------------------------------*/
.js-masonry {
   margin: 0 auto;
   padding : 3px;
}

div.item {
   background-color: #ffffff;
   border: 1px solid #eeeeee;
   width: 130px;
   height: 266px;
   margin-bottom: 10px;
   padding: 5px 5px;
   overflow: hidden;
   -webkit-text-size-adjust: none; /*縦横でフォントサイズを変えたくない場合のおまじない*/
}

.item_img {
   width: 128px;
   height: 128px;
}

/*------------------------------------------------------------
DivBox 全体のリンク
-------------------------------------------------------------*/
.item_box{
    position:relative;
    width:100%;
}
 
.item_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

/* aタグ内のテキストをtext-indent:-999px;を使ってエリア外へ移動 */
    text-indent:-999px;
}
 
/* floatによる回り込みをクリア */

.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
 
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}

/* ページ遷移
----------------------------------------------------------- */
div#pagenation {
   position: relative;
   overflow: hidden;
}
div#pagenation ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
div#pagenation li {
    position:relative;
    left:-50%;
    float:left;
}
div#pagenation li a {
    border:1px solid #CECECE;
    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
div#pagenation li.active a,
div#pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #777777;
}

/* フォームテキスト
----------------------------------------------------------- */
input[type=text]{
    width:200px;
    height:20px;
    padding:0 3px;
    font-family: 'Meiryo', 'HGP創英角ｺﾞｼｯｸUB', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
    font-size: 1.3rem; /*13px*/

}

input[type=text]:focus {
    background: #ffffcc;
}

input[type=text], select { 
    outline: none;
}

input#submit {
    width:50px;
    height:20px;
}

/*------------------------------------------------------------
　Copyright (C) 2009-2015 puriwaku.com All Rights Reserved.
-------------------------------------------------------------*/