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

/* start reset */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	/* Font */
	font-size: 11px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ",Verdana;
	line-height:18px;
	letter-spacing:1px;
	font-weight: normal;
	text-decoration: none;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none;
}
/* end reset */

html,body{
	height:100%;
	background:#b2ad9a;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:50% 0%;	
}

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

* heml .clearfix { height: 1%; }

a{
	color:#3b4f5a;
}

.wrapper{
	width:800px;
	margin:0px auto;
	padding:145px 0px 0px;
}

.menu_wrapper{
	width:800px;
	height:60px;
	background-image:url(../images/kira_line.png);
	background-repeat:repeat-x;
	background-position:0% 100%;
}

.menu_l{
	float:left;
	width:400px;
}

.menu_r{
	float:left;
	width:400px;
	text-align:right;
}

.menu_r img{
	margin:23px 10px 0px;
}

.copyright{
	width:800px;
	color:#3b4f5a;
	margin:30px 0px 0px;
	padding:10px 0px;
	text-align:right;
}

.notes{
	color:#5c4d3d;
}

/* port */

.port_page_wrapper{
	width:780px;
	margin:20px 0px 0px 20px;
}

.port_wrapper{
	float:left;
	width:240px;
	padding:20px 20px 20px 0px;
}

.port_title{
	width:227px;
	color:#1a203a;
	margin:3px 0px 0px;
	padding:0px 0px 0px 5px;
	border-left:10px double #1a203a;
	font-weight:bold;
}

.port_genre{
	width:227px;
	color:#3b4f5a;
	padding:0px 0px 0px 5px;
	border-left:10px double #3b4f5a;
}

.port_page{
	width:780px;
	padding:0px 0px 0px 20px;
	text-align:center;
}

.port_page img{
	margin:60px 0px 0px;
}

/* profile */

.profile_wrapper{
	width:800px;
	margin:20px auto;
	padding:20px 0px 0px;
	background-image:url(../images/bg_profile.png);
	background-position:100% 0%;
	background-repeat:no-repeat;
}

.profile_l{
	float:left;
	width:350px;
	text-align:right;
}

.profile_r{
	float:left;
	width:430px;
	margin:0px 10px;
}

.contact_wrapper{
	width:800px;
	margin:40px auto;
	padding:40px 0px 0px;
	background-image:url(../images/bg_contact.png);
	background-position:100% 0%;
	background-repeat:no-repeat;
	text-align:center;
}

/* memo */

.memo_wrapper{
	width:800px;
	background-image:url(../images/bg_memo.png);
	background-position:100% 0%;
	background-repeat:no-repeat;
}

.memo_menu{
	width:760px;
	margin:20px 20px 0px;
}

.memo_title{
	width:450px;
	margin:20px auto;
	letter-spacing:8px;
	font-weight:bold;
}

.memo_page{
	width:400px;
	margin:0px auto;
}


/* adjust */

.m0{
	margin:0px;
}