@charset "shift_jis";

/* -------------------------------------------------------------

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] フッターブロック内に関する指定
[5] CSSデザインサンプルリンク指定

----------------------------------------------------------------
CSSデザインサンプ [ URL ] http://www.css-designsample.com
------------------------------------------------------------- */


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link {
	color: #00f;
}

a:visited {
	color: #90f;
}

a:hover {
	color: #f00;
}

a:active {
	color: #f00;
	font-size: 12px;
	text-align: center;
}


a.list:active {
	color: #f00;
	font-size: 18px;
	text-align: center;
}


a img {
	border-style: none;
	font-size: large;
}

.vn{
	font-family:"Times New Roman", Times, serif
}
/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
	font-size: 85%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
	background-image: url(../img/bk.gif);
}

/*-- 全体を囲んでいます --*/
#wrapper {
	text-align: left;
	width: 750px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapper2 {
	text-align: left;
	width: 375px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*-- ヘッダー部分 --*/
#header {
	width: 100%;
	height: 200px;
	position: relative;
	background-image: url(../img/title-bkvn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header2 {
	width: 100%;
	height: 100px;
	position: relative;
	background-image: url(../img/header_saisei.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}



/*-- コンテンツ部分 740px --*/


.fontbtn_s {
	height: 25px;
	width: 75px;
	margin-left: 1px;
	margin-bottom:2px;
}

.fontbtn_m {
	
	height: 25px;
	width: 75px;
	margin-left: 3px;
	margin-bottom:2px;
	}

.fontbtn_b {
	
	height: 25px;
	width: 75px;
	margin-left: 3px;
	margin-bottom:2px;
}

#contents {
	background-image: url(../img/contents-bk.gif);
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 40px;
	padding-left: 25px;
}

/*-- コンテンツ部分 375px --*/
#contents2 {
	background-image: url(../img/contents-bk.gif);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#music {
 width:140px;
 margin-left:480px;
 margin-right:10px;
 text-align: right 
} 

#coment {
 width:340px;
 margin-left:20px;
 margin-right:10px;
 text-align: left ;
}

#coment2 {
 width:340px;
 margin-left:20px;
 margin-right:10px;
 text-align: left ;
}

#coment3 {
 width:660px;
 margin-left:20px;
 margin-right:10px;
 margin-bottom:0px;
 text-align: left ;
 font-size:14px;
 line-height:18px;
}

#shirataka_pic{
 width:420px;
 height:320;
 margin-left:100px;
 margin-right:100px;
	}
/*-- フッター部分 --*/
#footer {
	width: 752px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	color: #666;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */

h1 {
	font-size: 100%;
	font-weight: normal;
	text-align: right;
	position: absolute;
	top: 10px;
	left: 30px;
	color: #600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 {
	
	font-weight: normal;
	text-align: left;
	color: #600;
}

/* サイトタイトル */
.logo {
  font-size: 160%;
  position: absolute;
  top: 30px;
  left: 30px;
}

.logo a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.logo a:hover {
  color: #f00;
  text-decoration: none;
}

/* 概要 */
.description {
	line-height: 1.5em;
	position: absolute;
	bottom: 9px;
	left: 37px;
	color: #000;
	width: 208px;
	font-family:"Times New Roman", Times, serif
}

.description2 {
	line-height: 1.5em;
	position: absolute;
	bottom: 301px;
	left: 130px;
	color: #000;
	width: 346px;
}

/* 物語ボックス */
.storybox{
font-size:14px;
border: none; 
margin-top:5px;
margin-bottom:10px;
background-image: url(../img/bk-naka.gif);
text-align:left;
width: 630px;
height:400px;
overflow:auto;
scrollbar-3dlight-color:#C93;  
scrollbar-arrow-color:#C93;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#C93;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffeaff;
scrollbar-track-color:#ffffff;
}


/*---------------------------------------グローバルナビ部分*/
#globalnavi {
	list-style-type: none;
	width: 690px;
	height: 50px;
	float: right;
	margin: 0px;
}

#globalnavi li {
	width: 181px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.clear {
	clear: both;
}


/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* 見出し */
h2,
h3,
h4,
h5,
h6 {
  font-size: 140%;
  font-weight: normal;
  margin-bottom: 0.5em;
  padding: 3px 0 2px;
  color: #030;
  border-top: 2px solid #9c0;
  border-bottom: 1px solid #ccc;
}

h3,
h4,
h5,
h6 { margin-top: 2em; }

/* 文字 */
#contents p {
	line-height: 1.5em;
	margin-bottom: 1em;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-size: 18px;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

#footer p {
	text-align: center;
	color: #666;
}

/* -------------------------------------------------------------
   [6] CSSデザインサンプルリンク指定 */

#cds {
  font-size: 80%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: right;
  margin: 0;
  padding-right: 20px;
  clear: both;
}

#cds,
#cds a,
#cds a:hover {
  text-decoration: none;
  color: #ccc;
}

#main {
	background-image: url(../img/main-naka.gif);
	background-repeat: repeat-y;
}

#main2 {
	background-image: url(../img/saisei-naka.gif);
	background-repeat: repeat-y;
	height:200px;
}
/* -------------------------------------------------------------
   テーブル */
#mailform {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mailform2 {
	padding-top: 50px;
	margin-top: 0px;
	margin-bottom:0px;
	font-size: 18px;
	text-align: center;
}

#close {
	padding: 0px;
	margin-top: 35px;
	margin-bottom:0px;
	text-align: center;
}

table.mailform {
	width: 650px;
	margin-left: 25px;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: large;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FC6;
	padding-left: 10px;
	height: 35px;
	padding-top: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.mailform tr th {
	color: #030;
	font-weight: bold;
	font-size: 18px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}
#main .mintitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #60C;
	margin-left: 25px;
	margin-bottom: 0px;
}
.storytittle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: nomal;
	color: #333
	margin-left: 25px;
	margin-bottom: 0px;
}

.menu {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: nomal;
	color: #333;
	margin-bottom: 0px;
	text-align: center;
}

.titlebar {
	background-image: url(../img/bar.gif);
	background-repeat: repeat-x;
	height: 25px;
	width: 650px;
	margin-left: 25px;
}

#country1 {
	position: relative;
	left: 55px;
	top: 68px;
	width: 800px;
	text-align: left;
	font-size: 12px;
	
}