@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}

a { color:#1560df; text-decoration:none; }
a:hover,
a:active { color: #cc0000; text-decoration:none; }
a:visited {
}
image{
	border:none;
	text-decoration:none;
}
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	display: block;
}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	
}
body {
	color:#333;
	width:100%;
	min-width:320px;
	text-align:center;
}
#wrapper {
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	max-width:900px;
	min-width:300px;
	width:100%;
	height:100%;
	/*background:url(../images/header_back1.gif) repeat-x;*/
}
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
}
#page-top a {
	background:#666;
	text-decoration:none;
	color:#fff;
	width:80px;
	padding:15px 0;
	text-align:center;
	display:block;
	/*角丸が表示されるブラウザとされないブラウザがあります*/
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration:none;
	background:#999;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
header {
	width:100%;
	margin:0;
	text-align:left;
	overflow:hidden;
}
h1{
	font-size:12px;
	padding:10px 0 18px 10px;
}
header img{
	width:100%;
	height:auto;
	margin:0;
	text-align:center;
}
nav {
	width:100%;
	max-width:900px;
	min-width:300px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
}
nav ul li{
	float:left;
	border-bottom:4px solid #ccc;
	display:block;
	font-size:14px;
	line-height:30px;
	margin:0;
	width:150px;
}
nav ul li a{
	display:block;
	color:#fff;
	background-color:#00f;
	margin:0;
}
nav ul li a:hover,
nav ul li a:active{
	display:block;
	color:#fff;
	background-color:#f00;
	margin:0;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
footer {
	width:100%;
	max-width:900px;
	min-width:300px;
	background:#fff;
	border-top:5px solid #00f;
	text-align:center;
	overflow:hidden;
	margin: 20px auto 0 auto;
	padding:0 0 20px 0;
	background:#ccc;
}
#footerLink {
	overflow:hidden;
	width:100%;
	margin:10px auto;
	text-align:center;
}
#footerLink ul li {
	float:left;
	font-size:14px;
	line-height:18px;
	margin:0 auto;
}
#footerLink ul li a{
	width:150px;
	padding:5px 0;
	display:block;
}
#copy{
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	clear:both;
	font-size:12px;
	line-height:20px;
}
/*==========================================================================*/
/*                            mainContents                                  */
/*==========================================================================*/
section{
	max-width:900px;
	min-width:300px;
	width:100%;
	text-align:center;
	overflow:hidden;
	margin: 0 auto;
}
section img{
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden;
	margin: 0 auto;
}
/*subContents
----------------------------------------------------------------------------*/
#subContents{
	max-width:900px;
	min-width:300px;
	width:100%;
	margin:20px 0 0 0;
	overflow:hidden;
	text-align:left;
}
#subContents h2 {
	width:100%;
	padding:5px 0 5px 10px;
	color:#fff;
	background-color:#3399ff;
	font-size:18px;
	line-height:22px;
}
#subContents ul{
	padding:5px 10px;
	border:2px solid #3399ff;
	margin:0;
}
#subContents ul li {
	padding:10px 10px 0 0;
	margin:0;
	font-size:14px;
	border-bottom:1px dotted #3399ff;
}
/*mainContents
----------------------------------------------------------------------------*/
#mainContents{
	max-width:900px;
	min-width:300px;
	width:100%;
	margin:20px 0 0 0;
	overflow:hidden;
	text-align:left;
}
#mainContents h2 {
	width:100%;
	padding:5px 0 5px 10px;
	color:#fff;
	background-color:#00f;
	font-size:18px;
	line-height:22px;
}
.video{
	width:100%;
	overflow:hidden;
}
.video video {
	width:100%;
	min-width:300px;
	max-width:640px;
	margin:0 auto;
}
/*==========================================================================*/
/*                             index                                        */
/*==========================================================================*/
#topContents ul{
	padding:5px 10px;
	border:2px solid #00f;
	margin:0;
}
#topContents ul li{
	padding:10px 10px 0 0;
	margin:0;
	font-size:14px;
	border-bottom:1px dotted #0033ff;
}
/*==========================================================================*/
/*                             download                                        */
/*==========================================================================*/
.downArea {
	padding:5px 10px;
	border:2px solid #00f;
	margin:10px 0 0 0;
}
.downArea dt{
	padding:5px 0 ppx 10px;
	margin:0;
	font-size:16px;
	line-height:20px;
	border-bottom:1px dotted #0033ff;
}
.downArea dd{
	padding:5px 0 5px 20px;
	margin:0;
	font-size:14px;
	line-height:18px;
}
/*==========================================================================*/
/*                             drink                                        */
/*==========================================================================*/
#member {
	max-width:900px;
	min-width:300px;
	width:100%;
	overflow:hidden;
	margin: 0;
	background:#ccccff;
}
#member img{
	width:140px;
	height:160px;
	text-align:center;
	overflow:hidden;
	margin: 0;
	padding:0;
}
#member ul li{
	width:146px;
	float:left;
	text-align:center;
	background:#fff;
	padding:5px 0;
	margin:5px 2px;
}
/*==========================================================================*/
/*                               ALL                                        */
/*==========================================================================*/
.red{
	color:red;
}
#textCon {
	border:2px solid #00f;
	margin:0;
}
#textCon p{
	padding:10px;
}
#textCon img{
	width:100%;
	max-width:600px;
	min-width:300px;
	height:auto;
}


.flef10 {
	padding-left:1em;
}
.stk {
	text-decoration:line-through;
}
/*----------動画------------*/
.video-container {
	
	padding: 20px 10px;
	overflow: hidden;
}
.video-container iframe {
	
	width: 100%;
	max-width:640px;
	min-width:300px;
	max-height:360px;
	min-height:160px;
	
}
/*----------コメント------------*/
.coment{
	border:2px solid #3399ff;
	margin:20px 10px;
	padding:0px;
}
.coment h3{
	background: #3399ff;
	padding:10px;
	color:#fff;
	font-size:16px;
	line-height:22px;
}
.com_text{
	margin:10px;
	padding:10px;
}
#com_all{
	margin:20px 10px;
	padding:0px;
}
#com_all h3{
	background: #cccccc;
	padding:10px;
	color:#000;
	font-size:16px;
	line-height:22px;
}
.com_lan{
	border:2px solid #cccccc;
	margin:10px;
	padding:0px 10px;
}
#com_all dt{
	padding:5px 10px;
	border-bottom:1px dotted #cccccc;
}
#com_all dd{
	padding:5px 20px;
}
.red{
	color:red;
}
#come textarea {
	width:100%;
}