@charset "utf-8";

/*======= base =======*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* clearfix end */

body {
  /*  background: url(../img/main_bg.jpg);*/
    background: #F9F9F2;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    color: #231815;
    line-height: 140%;
}

#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border-top: 12px solid;
}

#container {
	width: 996px;
	margin: 0 auto;
}

.wrapper995 {
	width: 996px;
	font-size: 12px;
	margin: 0 auto;
	text-align: left;
}


#header {
	height: 98px;
	border-bottom:dotted 1px #000;
}
#header .wrapper995 {
	position: relative;
}

/* sns */

ul {
	list-style: none;
}
ul.ul_sns {
	position: absolute;
	top: 70px;
	right: 10px;
}
ul.ul_sns li {
	float: left;
	padding-left: 5px;
}


a:hover{
    opacity: 0.7;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


/*------------------------ title ------------------------*/ 

#title {
	margin:50px 0 0 0;
	padding:0;
	position:relative;
}
#title h1 {
	margin:0 auto;
	padding:0;
	width:853px;
	height:156px;
	background:url("../img/title.png");
	text-indent:-9999px;
}
#title p {
	display:none;
}
#title a#present_link{
	margin:0;
	padding:0;
	width:170px;
	height:170px;
	background:url("../img/present_link.png");
	position:absolute;
	top:0;
	right:-30px;
	text-indent:-9999px;
}

/*------------------------ menu ------------------------*/ 

#menu {
	margin:30px 0 100px 0;
	padding:0;
	width:996px;
	height:auto;
}
#menu li a {
	margin:0;
	padding:0;
	width:199px;
	height:340px;
	float:left;
	display:block;
	text-indent:-9999px;
}
#menu li#menu1 a {
	background:url("../img/menu1.jpg");
}
#menu li#menu2 a {
	background:url("../img/menu2.jpg");
}
#menu li#menu3 a {
	background:url("../img/menu3.jpg");
}
#menu li#menu4 a {
	background:url("../img/menu4.jpg");
}
#menu li#menu5 a {
	background:url("../img/menu5.jpg");
}



/*------------------------ style ------------------------*/ 

.style {
	margin:0 0 100px 0;
	padding:0 80px;
	position:relative;
}

.left .photo{
	margin:0;
	padding:0;
	width:480px;
	height:630px;
	float:left;
}
.left .detail{
	margin:0 0 0 45px;
	padding:0;
	width:310px;
	height:auto;
	float:left;
}
.right .photo{
	margin:0;
	padding:0;
	width:480px;
	height:630px;
	float:left;
}
.right .detail{
	margin:0 45px 0 0;
	padding:0;
	width:310px;
	height:auto;
	float:left;
}
.style h2 {
	margin:50px 0 0 0;
	padding:0;
	width:310px;
	height:70px;
	text-indent:-9999px;
}
#style1 h2 {
	background:url("../img/style1_h.png");
}
#style2 h2 {
	background:url("../img/style2_h.png");
}
#style3 h2 {
	background:url("../img/style3_h.png");
}
#style4 h2 {
	background:url("../img/style4_h.png");
}
#style5 h2 {
	background:url("../img/style5_h.png");
}
.style p {
	margin:20px 0 0 0;
	padding:0;
	width:310px;
	height:auto;
	font-size:12px;
	line-height:160%;
}
.style ul.credit{
	margin:20px 0 0 0;
	padding:0;
	width:310px;
	height:auto;
	font-size:11px;
}

.style ul.credit a{
	margin:20px 0 0 0;
	padding:0;
	width:310px;
	height:auto;
	font-size:11px;
	color:#231815;
}

.style .bnr{
	margin:50px 0 0 0;
	padding:0;
	width:310px;
	height:160px;
	display:block;
	text-indent:-9999px;
}
#style1 .bnr{
	background:url("../img/style1_bnr.jpg");
}
#style2 .bnr{
	background:url("../img/style2_bnr.jpg");
}
#style3 .bnr{
	background:url("../img/style3_bnr.jpg");
}
#style4 .bnr{
	background:url("../img/style4_bnr.jpg");
}
#style5 .bnr{
	background:url("../img/style5_bnr.jpg");
}
#style1 .stamp,
#style3 .stamp,
#style5 .stamp {
	position:absolute;
	top: 30px;
	left: -30px;
	display:none;
}
#style2 .stamp,
#style4 .stamp {
	position:absolute;
	top: 30px;
	right: -30px;
	display:none;
}

/*------------------------ present ------------------------*/ 

#present {
	margin:0 80px 100px 80px;
	padding:0 0 50px 0;
	background:#F0F0E7;
	position:relative;
}
#present h2 {
	margin:0;
	padding:0;
	width:835px;
	height:120px;
	background:url("../img/present_title.jpg");
	text-indent:-9999px;
}
#present #circle{
	margin:0;
	padding:0;
	width:140px;
	height:140px;
	position:absolute;
	top:-20px;
	right:-15px;
}
#present #img{
	margin:15px 50px 10px 50px;
	padding:0;
}
#present #copyright{
	margin:0 50px 30px 50px;
	padding:0;
	font-size:10px;
}
#present #text{
	margin:0 50px 30px 50px;
	padding:0;
	line-height:160%;
}
#present a#btn {
	margin:0 auto;
	padding:0;
	width:350px;
	height:50px;
	background:url(../img/present_btn.gif);
	display:block;
	text-indent:-9999px;
}


/*------------------------ footer ------------------------*/ 

#bg_footer {
	background: #231815;
/*	margin-top: 500px;*/
}
#footer {
	position: relative;
	width: 996px;
	height: 50px;
	margin: 0 auto;
	padding:0;
}
.copyright {
	margin:0;
	padding:0;
	position: absolute;
	top: 22px;
	left: 40px;
}
.f_logo {
	margin:0;
	padding:0;
	position: absolute;
	top: 10px;
	left: 450px;
}
.fnavi {
	margin:0;
	padding:0;
	position: absolute;
	top: 22px;
	left: 665px;
}

/*======= heading =======*/
h1,h2,h3,h4 {
	font-size: 100%;
}
/*---- h1 ----*/
h1 {
	padding: 24px 0 20px;
	text-align: center;
}