@charset "utf-8";
 /*************** 全体のレイアウト ***************/
body{
	font-family:'AR P丸ゴシック体M','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#ffffff;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


/*リンク関係*/
a:link {	/*リンクされた文字の色*/
	text-decoration:none;
	color:#cc3366;
	}
a:visited {/*訪問後の色*/
    color:#cc3366;
    text-decoration:none;/* 下線 */
}
a:hover {
	/*カーソルを合わせたときの色*/
color:#ff0000;
	/*文字の色：赤*/
font-style:normal;
	text-decoration:underline;
	/* 下線 */;
	background-color:#ffcdf6;
}
a:active {/*クリック中の色*/
    text-decoration:none;/* なし */
}

 /* 見出し */
H1{
	font-size:1.3em;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;
	border-color:#3333ff;
	margin:1px;
	height:1.1em;
	padding-left:1%;

}


 /*======== ページ本体 ========*/

 /*======== 頭 ========*/
#head{
	position:relative;
	width:900px;
	height:60px;
	background-color:#3333ff;
	margin:0px auto;
	text-align:left;
	border-bottom:#969696 30px solid;
}
#num{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #fff;
}

#head img{
	border-style: none;
}

#head UL.link{
	width: 700px;
	font-size: 1em;
	padding: 0;
	margin:40px 0px 0px 140px;
	text-align:center;
	position:absolute;
	top:40%;
	left:3%;
}

#head UL.link LI{
	list-style:none;
	padding: 0.3em 0em;
	width: 13%;
	height:5%;
	float:left;
	margin: 0;
}
#head a:link {/*リンクされた文字の色*/
    color:#ffffff;
    font-style:normal;
    text-decoration:none;/* 下線 */
}
#head a:visited {/*訪問後の色*/
    color:#ffffff;
    text-decoration:none;/* 下線 */
}

#head .pan{
	margin:0;
	float:right;
	padding:0.5em;
	font-size:small;
	color:#FFFFFF;
}
.pan a:link {/*リンクされた文字の色*/
    color:#ffffff;
    font-style:normal;
    text-decoration:none;/* 下線 */
}
.pan a:visited {/*訪問後の色*/
    color:#ffffff;
    text-decoration:none;/* 下線 */
}
.pan a:hover {/*カーソルを合わせたときの色*/
    color:#ff0000;/*文字の色：赤*/
    font-style:normal;
    text-decoration:underline;/* 下線 */
}
.pan a:active {/*クリック中の色*/
    text-decoration:none;/* なし */
}


 /*======== 作品紹介のぺージ ========*/
 /* 紹介の設定 */

#invita{
	width:900px;
	background-color:#ffffff;
	height:auto;
	line-height:140%;
	position:relative;
	text-align:left;
	margin:0px auto;
	padding:0;
}


#invita cite{
	color:#DF0029;
	font-style:normal;
}

#invita span{
	font-size:medium;
	vertical-align:middle;
	font-weight:bold;
}

#invita p{
	margin:0.3em 2em;
	letter-spacing:0.1em;
	line-height:1.3em;
	font-size:15px;
}

#img{
	text-align:center;
	float:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#0A246A;
}

#ingredient{
	float:right;
	width:438px;
	margin:10px;
}
#ingredient .form{
		width:100px;
		text-align: left;
		color:#666;
}


#descrip{
	float:right;
	width:440px;
	margin:0px;
}
#descrip H2{
	font-size:0.9em;
	background-color:#ffffff;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;
	border-left-width:10px;
	border-color:#0033cc;
	width:430px;
	padding:0.1em 0.5em;
	margin:0px;
	font-family:ＭＳ Ｐゴシック;
}

#descrip span{
	font-size:small;
	padding-bottom:1%;
}

#descrip td#review{
	font-size:0.8em;
	background-color:#ffffff;
	line-height:20px;
}
#descrip td.comment{
	background-color:#ffffff;
	font-size:0.8em;
	letter-spacing:0.1em;
	line-height:150%;
}
#descrip .line{
	margin:9px 18px;
	padding:0;
	line-height:140%;
}


#example{
	clear: both;
}
#example h2{
	font-size:0.9em;
	background-color:#ffffff;
	border-style:solid;
	border-width:0px;
	border-bottom-width:1px;
	border-left-width:10px;
	border-color:#0033cc;
	width:876px;
	padding:0.1em 0.5em;
	margin:0px;
	font-family:ＭＳ Ｐゴシック;
}

#souhyou{
	margin:2px;
	padding:0;
	border-top:#969696 1em solid;
	background-color:#ffffff;
	width:896px;
	clear:both;
}
#souhyou ol{
	padding:0;
	margin: 1.4em 3.5em 1em;
	letter-spacing:0.05em;
	font-size:0.9em;
	clear:right;
	line-height:180%;
	color: #000000;
}

#souhyou ul.link{
	font-size:0.8em;
	text-align:center;
	float:right;
	margin:0;
	padding:0;
}

#souhyou ul.link LI{
	list-style:none;
	padding:1px 10px;
	width:80px;
	float:left;
	border-width:2px;
	border-color:#FFEEDB;
	border-style:ridge;
	background-color:#ffffff;
	height:20px;
}
#souhyou p{
	margin:1.4em 1em 0em;
	letter-spacing:0.05em;
	line-height:2em;
	font-size:1em;
	clear:right;
	color: #000000;
}
#souhyou span{
	font-size:0.6em;
}

#construction{
	list-style-type: none;
	padding:0;
	margin: 1.4em 3.5em 1em;
	text-indent: -1.5em;
	letter-spacing:0.05em;
	font-size:0.9em;
	clear:right;
	line-height:180%;
	color: #000066;
}

#souhyou ul.count{
	list-style-type: none;
	padding:0;
	margin:0;
	text-indent: 0;
	font-size:0.8em;
	text-decoration:none;
	color :#ff0000;
}
#souhyou h2{
	font-size:medium;
	background-color:#FFFFFF;
	border-style:none inset none outset;
	border-width:0px 15px;
	border-color:#FF0000;
	width:50px;
	margin:0.4em 0.5em;
	padding-left:1em;

}
#souhyou img{
	margin-right:0.8em;
}

#souhyou blockquote, dl{
	font-size: 0.9em;
	font-family:'Mangal','Century',serif;
	line-height: 2em;
	letter-spacing: 0.05em;
	margin: 1em;
	padding:0;
	border-color:#336699;
	border-style: double;
	clear: right;
}

#souhyou blockquote p{
		margin:0.5em 2.5em;
}

#souhyou dt{
	margin: 0.1em 1em;
	position:absolute;
	left:2.5em;
}

#souhyou dd{
	position:relative;
	margin: 0.1em 1em;
	padding-left: 6em;	
}
#dvd{
	float:right;
	vertical-align:baseline;
	text-decoration:none;
	border:1px;
	border-color:#EB2B74;
	border-style:dotted;
	width:450px;
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	background-color:#ffffff;
}
#dvd img{
	vertical-align:middle;
}
div.naviscrolltop {
clear: both;
border-style: none;
margin: 0px;
padding: 0px;
}

div.naviscrolltop{
	display: block;
	height: 15px;
	overflow: visible;
	border-style: none;
	padding:0px 0px 10px 0px;
	background: #969696;
	text-align: right;
	font-size: 80%;
	}
 /*======== 足 ========*/
#foot{
	position:relative;
	width:900px;
	height:auto;
	background-color:#df0029;
	color:#FFFFFF;
	margin:0px auto;
	font-size:0.8em;
}

#foot a:link {
	color:#ffffff;
font-style:normal;
	text-decoration:none;
}
#foot a:visited {/*訪問後の色*/
    color:#ffffff;
    text-decoration:none;/* 下線 */
}
#foot a:hover {
	/*カーソルを合わせたときの色*/
color:#ff0000;
	/*文字の色：赤*/
font-style:normal;
	text-decoration:underline;
	/* 下線 */;
	background-color:#ffcdf6;
}
#foot a:active {/*クリック中の色*/
    text-decoration:none;/* なし */
}


.navigation{
	width:100%;
	font-size:12px;
	padding-left:0;
	margin:0;
	text-align:center;
}


.navigation li{
	width:50%;
	border-style:none;
	list-style:none;
	padding:0px;
	float:left;
	border-width:2px;
	border-color:#FFEEDB;
	margin:0px;
}
.navigation li.top{
	width:10%;
	font-size:1.2em;
	font-family:Impact;
}
.navigation li.prev{
	text-align:left;
}
.navigation li.next{
	text-align:right;
}

#copy{
	text-align:right;
	clear:both;
}