@charset "UTF-8";
/* CSS Document */

body {
	background-color:#4A181B;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
}





BODY{
scrollbar-face-color:#e0c2a5; /*スクロールバー本体の色*/
scrollbar-highlight-color: #ffffff; /*スクロールバー左側（上）の影*/
scrollbar-shadow-color: #ffffff; /*スクロールバー右側（上）の影*/
scrollbar-3dlight-color: #e0c2a5; /*スクロールバーの左側（下）の影*/
scrollbar-arrow-color: #ffffff; /*矢印の色*/
scrollbar-track-color: #ffffff; /*背面の色*/
scrollbar-darkshadow-color: #e0c2a5;/*スクロールバー右側（下）の影*/
}


#outer {
	width:1010px;
	margin-top:15px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background:url(image/patern.jpg) repeat;
	border: 7px solid #341011;
}

#wrapper {
	width:964px;
	margin:15px auto;
	background-color:#FFF;
	border: 1px solid #EBEBEB;
	overflow:hidden;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	behavior: url(/PIE.htc);
	position:relative;
	
}

#top {
	background-image:url(image/toprogo.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:90px;
	width:964px;
	text-indent:-9999px;
	font-size:0;
}



#screen {
	width:830px;
	height:280px;
	border:5px solid #300;
	margin:0 auto;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	behavior: url(PIE.htc);
	position:relative;
	overflow:hidden;
	
}


#navi {
	width:708px;
	margin:0 auto;
}

#navi li {
	float:left;
}


#navi li a {
	display:block;
	height:40px;
	background:url(image/menu.jpg) no-repeat;
	text-indent:-9999px;
}

#navi li.item1 {
	width:116px;
}

#navi li.item2 {
	width:124px;
}

#navi li.item3 {
	width:140px;
}

#navi li.item4 {
	width:120px;
}

#navi li.item5 {
	width:100px;
}

#navi li.item6 {
	width:108px;
}



#navi li.item1 a {
	background-position:0 0;
}	

#navi li.item2 a {
	background-position:-116px 0;
}	

#navi li.item3 a {
	background-position:-240px 0;
}	
	
#navi li.item4 a {
	background-position:-380px 0;
}

#navi li.item5 a {
	background-position:-500px 0;
}	

#navi li.item6 a {
	background-position:-600px 0;
}		



#navi li.item1 a:hover {
	background-position:0 -40px;
}	

#navi li.item2 a:hover {
	background-position:-116px -40px;
}	

#navi li.item3 a:hover {
	background-position:-240px -40px;
}	
	
#navi li.item4 a:hover {
	background-position:-380px -40px;
}

#navi li.item5 a:hover {
	background-position:-500px -40px;
}	

#navi li.item6 a:hover {
	background-position:-600px -40px;
}		




#about {
	clear:both;
	width:830px;
	background:url(image/menuline.jpg) no-repeat top;
	margin:0 auto;
	padding-bottom:15px;
	padding-top:10px;
}

#about h2 {
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #6C2A2D;
	text-align:center;
	line-height: 30px;
	font-weight: bold;
}

#about h3 {
	font-size:12px;
	color:#575757;
	text-align:center;
	line-height: 20px;
	font-weight: normal;
}

#info {
	width:250px;
	background:url(image/info1.jpg) no-repeat top;
	margin-right: 20px;	
	float:right;
	
}

#info1 {
	width:250px;
	height:480px;
	text-align: center;
	margin-top:80px;
	float:left;
	overflow: scroll;
	overflow-x:hidden;
	scrollbar-base-color:#999;
	scrollbar-track-color:#FCC;
	scrollbar-face-color:#FCC;	
}



#info1 p {
	width:220px;
	color: #6C2A2D;
	font-size:13px;
	font-weight: normal;
	color: #805236;
	padding-bottom:30px;
	border-bottom:1px dotted #ABABAB;
	line-height: 26px;
	padding-top: 5px;
	margin-left:10px;
	text-align: left;
}

#coment a {
	color: #339;
}

#coment a:hover {
	color:#999999;
}


#facebook {
	width:120px;
	height:60px;
	margin-top:400px;
	margin-left: auto;
	margin-right:auto;
	
	}

p#day {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: ;
	font-size:14px;
	padding-bottom:5px;
	color: #DF587B;
	text-align: center;
}

#pick {
	width:660px;
	background-image: url(image/pickback1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:10px;
	float:left;
}

#pick_in {
	width:600px;
	height:480px;
	float:right;
	margin-bottom:20px;
	margin-top:80px;
	margin-right: 20px;
}


#pick_in_in {
	width:600px;
	height:480px;
	overflow: scroll;
	overflow-x:hidden;
	margin-top:80px;
	margin-left:30px;
	background-image:url(image/pickin/back2014.jpg);
	border: #AA1C14 thick solid ;
	background-repeat: no-repeat;
}


#pick_in img {
	float:left;
}

#pick_in a:hover {
	color:#CCC;
}

.pick_in1 {
	width:500px;
	height:160px;
	border:8px solid #FFF;
	margin-left:30px;
	background-color:#FFF;
	margin-top:40px;
	margin-bottom:30px;
	float:left;
}

.pick_in1 a:hover {
    opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


p.update {
	font-size:9px;
	color: #666;
	margin-top:5px;
}

.pick_in1_moji {
	width:275px;
	padding-left:5px;
	height:160px;
	float:left;

}

.pick_in1_pct {
	width:220px;
	float:left;
}



p.text {
	font-size:13px;
	color:#333333;
	padding:5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:18px;
}

p.title {
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom:10px;
	margin-top:10px;
	font-weight: bolder;
	font-style: oblique;
	color:#333;
}

p.more {
	margin-left:150px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
}




.pick_in2 {
	width:500px;
	height:160px;
	border:8px solid #fff;
	margin-top:10px;
	margin-left:50px;
	background-color:#FFF;
	float:left;
	margin-bottom:20px;
}
.pick_in2_moji {
	width:275px;
	height:160px;
	float:left;
	padding-left:5px;
}


.pick_in2 h3 {
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom:10px;
	margin-top:50px;
	font-weight: bolder;
	font-style: oblique;
}


.pick_in3 {
	width:450px;
	height:160px;
	border:1px solid #CCC;
	margin-top:10px;
	margin-left:60px;
	background-color:#FFF;
	float:left;
}

.pick_in3_moji {
	width:220px;
	height:160px;
	float:right;
}
.pick_in3 h3 {
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom:10px;
	margin-top:50px;
	font-style: oblique;
	font-weight: bolder;
}

#pickmoji {
	width:240px;
	height:390px;
	float: right;
	margin-right:10px;
	margin-top:80px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:40px;
	font-size:15px;
	text-align:center;
	padding:10px;
	color:#333;
}

.aida {
	font-size:13px;
	color: #666;
	line-height: 30px;
	margin-top:60px;
}

#more {
	color: #999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}


#box_top {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	width:350px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	color: ;
	font-weight: bold;
	font-size:18px;
	color: #336741;
}


.box {
	width:260px;
	margin-top:20px;
	color: #FFF;	/*background-color: #F7F7F7;
	 border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B0B0B0;
	border-right-color: #9B9B9B;
	border-bottom-color: #9B9B9B;
	border-left-color: #B0B0B0;CSS Document



.box:hover {
	background-color: #F0E8EB;
}*/

}

.box#left1 {
	width:280px;
	margin-top:20px;
	margin-left:55px;
	float:left;
	
}

	


.box#left2 {
	width:280px;
	margin-top:20px;
	margin-left:40px;
	float:left;
}

.box#right1 {
	width:280px;
	margin-top:10px;
	margin-right:35px;
	float:right;
}

.box#right2 {
	width:280px;
	margin-top:10px;
	margin-right:35px;
	float:right;
}

/*
.box#down1 {
	margin-top:30px;
}*/


/*.box#down2 {
	margin-top:30px;
	margin-bottom:10px;
}

#box_bottom {
	width:200px;
	text-align:center;
	margin-left:600px;
	color: #C3081D;
	clear:both;
	font-size:12px;
	font-weight: normal;
}

#box_bottom a {
	color:#C3081D;
}

#small {
	font-size:12px;
	font-weight:normal;
}

#box_bottom a:hover {
	color:#D5D5D5;
}

*/

p.moji {
	width:110px;
	font-size:12px;
	color:#575757;
	line-height: 20px;
	margin-top:10px;
	font-weight: normal;
	float:right;
	margin-right: 10px;
}

p.moji1 {
	width:110px;
	font-size:12px;
	color:#575757;
	line-height: 20px;
	margin-top:10px;
	margin-left:10px;
	font-weight: normal;
	float:left;
}



#contents {
	background-image:url(image/contents1.jpg);
	background-repeat:no-repeat;
	width:940px;
	height:68px;
	margin:0 auto;
	margin-top:20px;
	clear:both;
	
}





#contents_in {
	 width:920px;
	 margin:20px auto;
	 clear:both;
}



#contents_bottomright {
	width:350px;
	float:right;
	margin-right:120px;
	margin-bottom:20px;
	margin-top:20px;
	
}


#contents_bottomright p a {
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	display:block;
	behavior: url(/PIE.htc);
	position:relative;
}



#contents_bottomright p a:hover {
	transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	behavior: url(PIE.htc);
	position:relative;
}


#contents_bottomleft {
	width:300px;
	float:left;
	text-align: right;
	margin-left:150px;
	margin-bottom:20px;
}

#contents_bottomleft p a {
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	display:block;
	behavior: url(/PIE.htc);
	position:relative;
}


#contents_bottomleft p a:hover {
	transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	behavior: url(/PIE.htc);
	position:relative;
}

#pink {
	color:#FF3399;
}



#contents_in p {
	float:left;
	display:block;
	margin-top:25px;
	margin-left:20px;	
}

p.left a {
	display:block;
	border:solid 1px #C0C0C0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	box-shadow:2px 2px 3px #D5D5D5;
	-webkit-box-shadow:2px 2px 3px #D5D5D5;
	-moz-box-shadow:2px 2px 3px #D5D5D5;
	-o-box-shadow:2px 2px 3px #D5D5D5;
	behavior: url(/PIE.htc);
	position:relative;
}

p.left a:hover {
	
	transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	behavior: url(/PIE.htc);
	position:relative;
}

p.right a {
	display:block;
	border:solid 1px #C0C0C0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	box-shadow:2px 2px 3px #D5D5D5;
	-webkit-box-shadow:2px 2px 3px #D5D5D5;
	-moz-box-shadow:2px 2px 3px #D5D5D5;
	-o-box-shadow:2px 2px 3px #D5D5D5;
	behavior: url(/PIE.htc);
	position:relative;
}

p.right a:hover {
	transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	behavior: url(/PIE.htc);
	position:relative;
}
	
	


.left1 {
	width:158px;
	height:200px;
	border:1px solid #C0C0C0;
	margin-left:20px;
	margin-top:25px;
	float:left;
}




p#top1 {
	margin-top:30px;
}


p.border {
	border: #ccc 1px solid;
	float:left;	
}

p.border1 {
	border: #ccc 1px solid;
	float:right;
}
	

.red {
	color:red;
}

#amari {
	width:800px;
	border:1px solid #D5D5D5;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


#amari p {
	float:left;
	margin-left:80px;
	margin-top:20px;
}

p.material {
	text-align:center;
	margin:0 auto;
	line-height:30px;
	color:#030303;
}

.bold {
	font-weight:bold;
}


#footer p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	width:930px;
	text-align:center;
	border-top:1px solid  #C0C0C0;
	clear:both;
	line-height:30px;
	margin:0 auto;
	margin-top:10px;
	color: #ABABAB;
}