@charset "utf-8";

/* CSS Information ========================================
File name: base.css
Date: 2010.6.21
==========================================================*/


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

html {
  background: none repeat scroll 0 0 #fff;
}

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pire,code,
form,fieldset,legend,input,button,textarea,
p,
blockquote,
th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del,ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
input,
button,
textarea,
select,optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}


/* font */

body {
	font: 13px/1.5 "Century Gothic", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}

#body a.top_link{
  position: absolute;
  right: 20px;
}

select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/* image */

img {
	vertical-align: bottom;
}


/* clearfix */
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix{
	display: inline-block;
}
/* Mac IEを除く \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}

/* link */

a {
	color: #2f4167;
	text-decoration: underline;
}
a:hover {
	color: #8a9fca;
	text-decoration: underline;
}

/* common style */

* {
	margin: 0;
	padding: 0;
}

body {
  margin: 0 auto;
	background-color: #660000;
	text-align: center;
}


/* box model layout */

#container {
	background: #fff;
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

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

#content {
	position: relative;
	margin-left: 26px;
	padding-bottom: 10px;
}

/* common design
----------------------------*/

/* header */
#header dl.logo {
	float: left;
  padding-left: 15px;
}
#header dl.memberBtn {
  background: url("../img/top_btn_bk.png") repeat-x scroll 0 0 transparent;
  float: left;
  position: relative;
	top: 10px;
  left: 80px;
  width: 247px;
  height: 100px;
}

#header a.btn1 {
  position: relative;
  top: 8px;
  left: 15px;
}

#header a.btn2 {
  position: relative;
  top: 11px;
  left: 15px;
}

#header p.message {
  position: relative;
  top: 10px;
}

#header dl.navi {
  clear: both;
  height: 50px;
  background-color: #E2E4CD;
}

/* top */
#info {
	background: url("../img/top_info_bk.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  width:  710px;
  height: 250px;
  margin-top: 10px;
  padding-bottom: 10px;
}

/* font-size */
#info h1, dt.title, dd.info_head {
  font-size: 20px;
}

dt.title2, dd.info_msg {
  font-size: 15px;
}

dt.title3 {
  font-size: 13px;
}

#info dl.title, dt.title {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

#info dl.content, dl.content {
  padding-top  : 10px;
  padding-left : 20px;
  padding-right: 20px;
  text-align: left;
}

#info img.info_img {
  float: left;
  margin-top: 8px;
}

#info dd.info_update {
  display: none;
}

#info dd.info_head {
  float: left;
  margin-left: 5px;
}

#info dd.info_msg {
  clear: both;
  float: bottom;
  margin-left: 15px;
}

/* gaiyou, profile, ayumi, nyujuku, fukuoka */
#gaiyou, #profile, #ayumi, #nyujuku, #fukuoka {
	position: relative;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
}

#gaiyou dl.outline, #nyujuku dl.outline{
  background: url("../img/top_info_bk.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  width:  310px;
  height: 300px;
}

#fukuoka dl.outline {
  background: url("../img/top_info_bk.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  width:  330px;
  height: 300px;
}

dd {
  padding-left: 10px;
}

#profile dl.outline{
  background: url("../img/top_info_bk.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  width:  710px;
  height: 360px;
}

#ayumi dl.outline{
  background: url("../img/top_info_bk.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  width:  460px;
  height: 830px;
}

#nyujuku dl.outline{
  background: url("../img/top_info_bk.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  width:  710px;
  height: 775px;
}

#gaiyou dl.pic, #profile dl.pic, #nyujuku dl.pic, #fukuoka dl.pic {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 400px;
	height: 300px;
}

#fukuoka dl.pic {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 380px;
	height: 300px;
}

#ayumi dl.pic {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 250px;
	height: 390px;
}

#gaiyou dl.inline, #profile dl.inline, #fukuoka dl.inline {
  background: url("../img/top_info_bk_white.png") repeat-x scroll 0 0 transparent;
  margin-top: 20px;
  width:  710px;
}

#ayumi dl.inline {
  margin-top: 0px;
  width:  710px;
}

li {
  list-style-type: disc;
}



/* footer */
#footer {
	background: url("../img/foot_img.png") repeat-x scroll 0 0 #fff;
  color: #888888;
  padding-top: 10px;
  font-size: 12px;
  min-height: 100px;
}