/* 文字コード */
@CHARSET "UTF-8";

/* レイアウト基本設定 */
/* bodyの設定 */
body {
	/* 背景は白 */
	background-color: rgba(255, 255, 255, 1);
}

/* <h1>の設定 */
h1 {
	/* 幅100% */
	width: 100%;
	/* 前要素の文字の大きさに対して文字の大きさは1.7倍 */
	font-size: 1.7em;
	/* 0.3文字分インデント */
	text-indent: 0.3em;
	/* 太さ3pxの下線を引く、色は青 */
	border-bottom: 3px solid rgba(59, 95, 204, 0.9);
	/* ブロック要素として表示 */
	display: block;
	/* 下に0.5文字分余白をとる */
	margin-bottom: 0.5em;
}

h1#ber2 {
	border-bottom: 3px solid rgba(0, 0, 0, 1);
	display: block;
}
/* <h2>の設定 */
h2 {
	/* 幅97% */
	width: 97%;
	/* 前要素の文字の大きさに対して文字の大きさは1.5倍 */
	font-size: 1.5em;
	/* 0.5文字分インデント */
	text-indent: 0.5em;
	/* 太さ20pxの縦線を左に引く、色は紫 */
	/*border-left: 20px solid rgba(107, 130, 255, 0.9);*/
	/* 太さ2pxの下線を引く、色は紫 */
	border-bottom: 2px solid rgba(107, 130, 255, 0.9);
	/* ブロック要素として表示 */
	display: block;
	/* 余白を下に0.5文字分とる */
	margin-bottom: 1.0em;
	/* 余白を上に0.5文字分とる */
	margin-top: 0.5em;
}
/*<h2>の前の設定*/
h2:before {
 /*表示させるコンテンツ*/
  content: "\025b6";
  /*相対位置*/
  position: relative;
  /*サイズ*/
  font-size: 1.5em;
  /*色*/
  color:rgba(107, 130, 255, 0.9);
  /*アイコンの位置*/
  left: -0.3em;
  /*アイコンの位置*/
  top: 0.1em;
}




/* <h3>の設定 */
h3 {
	margin-top: 1em;
	/* 余白を下に-3文字分とる */
	margin-bottom: -3em;
}

/* 段落全般の設定 */
p {
	/* 幅100% */
	width: 100%;
	/* ブロック要素として表示 */
	display: block;
	margin: 0 auto;
	/* 単語の途中でも改行する */
	word-wrap: break-word;
	margin-bottom: 0.1em;
}

/* ヘッダーの設定 */
/* ヘッダー画像の設定 */
header>img {
	/* ブロック要素として表示 */
	display: block;
	/* ヘッダー画像は中央配置 */
	margin: 0 auto;
}

/* コンテンツの設定 */
/* コンテンツ要素の設定 */
div#contents {
	/* 幅は940px */
	width: 940px;
	/* 中央ぞろえ */
	margin: 0 auto;
}

/* サイドバーの設定 */
/* サイドバー要素の設定*/
aside {
	/* 幅25% */
	width: 25%;
	/* 画面に対し左寄せで配置 */
	float: left;
	/* あぶれた要素は表示しない */
	overflow: hidden;
}

/* インラインフレームの設定 */
iframe {
	width: 100%;
	/* 境界線なし */
	border: 1px;
	/* 高さ（px指定限定 %指定不可） */
	height: 700px;
	/* 高さ調整 */
	padding-top: 0.5em;
}

/* ナビゲーションエリアの設定 */
/* <nav>の設定 */
nav {
	/* 0.5文字下に余白をとる */
	margin-bottom: 0.5em;
}

/* リストの設定 */
nav ol li {
	/* 横一列に並べる（未指定だと縦に並ぶ） */
	display: inline;
	/* 行頭文字は無し*/
	list-style: none;
}

/* リスト要素表示後の設定 */
nav ol li:AFTER {
	/* " > "を表示する */
	content: " > ";
}

/* リスト最後の要素表示後の設定 */
nav ol li:last-child:AFTER {
	/* 長さ0の文字を表示する */
	content: "";
}

/* フッターの設定 */
footer {
	/* floatによる回り込みを解除 */
	clear: both;
	/* 中央ぞろえ */
	margin: 0 auto;
}

/* フッター画像の設定 */
footer img {
	/* ブロック要素として表示 */
	display: block;
	/* 中央ぞろえ */
	margin: 0 auto;
}

/* メインコンテンツの設定 */
div#main {
	/* 幅は73% */
	width: 73%;
	/* 画面に対し右寄せで配置 */
	float: right;
	/* 1文字分右に寄せる（これで<div id="cotents">で指定した幅いっぱいになる） */
	padding-left: 1em;
	/* 中央ぞろえ */
	margin: 0 auto;
}

/* 記事大枠の設定 */
article {
	/* 幅は92% */
	width: 92%;
	/* 背景色の設定 */
	background-color: rgba(255, 255, 204, 1);
	/* 角を丸める */
	border-radius: 0px;
	/* 上0.01文字、左1.5文字、下1文字、右1.5文字 内側に寄せる */
	padding: 0.01em 1.5em 1em 1.5em;
	/* 余白を1.5文字とる */
	margin-bottom: 1.5em;
}

/*吹き出し枠の設定*/
.balloon1-left {
  /*表示場所の設定*/
  position: relative;
  top:-28px;
  left:-70px;
  display: inline-block;
  /* 上1.5文字、右0文字、下1.5文字、左1文字 余白をとる */
  margin: 1.5em 0 1.5em 1em;
  /*上下7px左右10px 内側に寄せる*/
  padding: 7px 10px;
  /*幅110%*/
  width:110%;
  /*フォントサイズ16px*/
  font-size: 16px;
  /*背景を水色にする*/
  background:rgb(224,255,255);
  /*丸みの角度*/
  border-radius: 3%;
  /*パディングとボーダーを幅と高さに含める*/
  box-sizing: border-box;
  /* 上下1文字、左右1文字、余白をとる */
  padding: 1em 1em;
 }
/*吹き出しのでっぱり*/
.balloon1-left:before {
  /*表示させるコンテンツ*/
  content: "";
  /*位置調整*/
  position: absolute;
  top: 50%;
  left: -30px;
  /*上下左右に-15pxの余白をとる*/
  margin-top: -15px;
  /*透明な15pxの一本線*/
  border: 15px solid transparent;
  /*右ボーダーのスタイル・太さ・色を指定する*/
  border-right: 15px solid rgb(224,255,255);
}

/*吹き出し枠の設定*/
.balloon2-top {
  /*位置*/
  position: relative;
  /*上下1文字、左右0文字の余白*/
  margin: 1.0em 0;
  /*上下10px左右17px 内側に寄せる*/
  padding: 10px 17px;
    /*背景を水色にする*/
  background:rgb(224,255,255);
  /*2pxの太さの枠線を水色に*/
  border: solid 2px rgb(224,255,255);
  /*角のまるみ*/
  border-radius: 3%;
  display: inline-block
  _display: inline
}
.balloon2-top p {
 /*位置調整*/
 position:relative;
 left:-10px;
}

/* imgエリア設定 */
img#cent {
	/* ブロック要素として表示 */
	display: block;
	/* 画像の明るさを調整 */
	filter: brightness(95%);
	/*上下0文字、左右自動調整の余白*/
	margin: 0 auto;
	/* 幅指定 */
	width:500px
}
img#midasi{
	/* 左からの配置位置 */
	left:100px;
}
img#face {
	/* 幅指定 */
	width: 200px;
	/* 高さ指定 */
	height: 200px;
	/*上下0文字、左右自動調整の余白*/
	margin: 0 auto;
}

/*感想用p設定(顔写真と名前のセルの大きさを指定しています)*/
p#nameplate{
	/*位置調整*/
	   position:relative;
	   left:-59px;
	   top:10px;
	   /*中央寄せ*/
	   algin:center;
	   /*文字中央寄せ*/
	   text-align:center;
	   /*幅*/
	   width:64px;
	   /*文字サイズ*/
	   font-size:16px;
	   /*文字を太文字へ*/
	   font-weight: bold;
	   /*4pxの点線を紫へ*/
	   border-bottom: dotted 4px rgb(178,178,255);
	   /*余白*/
	   margin-bottom: 20px
}
   
/*感想用td設定(顔写真と名前のセルの大きさを指定しています)*/

td#width {
	/* 幅指定 */
	width: 250px;
	/* 高さ指定 */
	height: 100px;
	/* 上端揃え */
	vertical-align: top;
}

td#yohaku {
	/* 幅指定 */
	width:300px;
	/* 高さ指定 */
	height: 100px;
}
p#leftone {
	/* 左パディングを指定 */
	padding-left: 10px;
	/* 下マージンを指定 */
	margin-bottom:10px;
	display: inline-block
	_display: inline
}
p#textbox{
  /*上下1文字、左右0文字の余白*/
  margin: 1.0em 0;
  /*上下10px左右17px 内側に寄せる*/
  padding: 10px 17px;
  /*背景を水色にする*/
  background:rgb(224,255,255);
  /*2pxの太さの枠線を水色に*/
  border: solid 2px rgb(224,255,255);
  /*角のまるみ*/
  border-radius: 3%;
  display: inline-block
  _display: inline
}

img#face_s {
	/* ボックスの配置方法 */
	position:relative;
	/* 幅指定 */
	width: 140px;
	/* 高さ指定 */
	height: 140px;
	/* マージン指定　*/
	margin: 0 auto;
	/* 位置指定　*/
	top:10px;
}

#contents {
	/* 幅指定 */
	width: 940px;
	/* マージン指定　*/
	margin-right: auto;
	margin-left: auto;
	/* パディングを指定 */
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
}

#nav {
	width: 100%;
	height: 50px;
	border-top: #339900 2px solid;
	background: url(../images/pc/nav.png) repeat;
}

#nav ul {
	width: 951px;
	margin: 0 auto 0 auto;
	background: url(../images/pc/nav.png) repeat;
}

#nav ul li {
	text-align: center;
	height: 50px;
	border-right: 1px solid #F0F0F0;
	float: left;
	display: block;
	line-height: 3em;
}

.nav_size {
	width: 140px;
}

.nav_size_on {
	font-weight: bold;
	width: 140px;
	background: url(../images/pc/top_nav_on.png) repeat;
	color: #FFFFFF;
	line-height: 3em;
}


img.smallImg{
	width:350px;
}


div.largeImg img{
	width: 90%;
}

.subtitles{
	font-size: 16px;
	font-weight: bold;
}