@charset "utf-8";
/* =====
デフォルトスタイルリセット
===== */
*{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	list-style-type: none;
	background : transparent ;
	color: #000000;
}

img {
	border : none;
	line-height : 0;
	vertical-align : bottom;
	}
	
ul,li {
	list-style-type: none;
}

input, textarea {  
	padding:0;
	vertical-align: text-middle;
}

ol, ol li {
	list-style-type: decimal;
}

ol {
	margin-left: 1.8em;
}
	
/* =====
clearfix
===== */
/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* =====
ページ全体のスタイル
===== */
body {
	background: #333333 url(http://www.yuuki-tai.jp/vs/img_top/bg.gif);
	color: #666666;
	font-family:"Verdana","Arial","Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック体 Pro W3",sans-serif;
	font-size: 110%
	text-align: center;
	width: 800px;
	margin: 10px auto;
	line-height: 1.7em;
}

a {
	color: navy;
	text-decoration: underline;
}

a:hover {
	color: red;
}

#Wrapper {
	background: #ffffff url(http://www.yuuki-tai.jp/vs/img_top/img_new/top_photo.jpg) right bottom no-repeat;
	text-align: left;
	padding: 5%;
	padding-bottom: 240px;
}

/* =====
ヘッダ,フッタ
===== */

#Header,#Footer {
	background: #063871;
	color: #ffffff;
	text-align: center;
}

#Header h1 {
	color: #ffffff;
	font-size: 240%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 50px;
}

#Header p {
	display: block;
	background-color: #e5e5e5;
	color: navy;
	padding: 0.5em 0;
	font-weight: bold;
}

#Footer p {
	font-size: 80%;
	color: #ffffff ;
	padding: 15px 0;
}

/* =====
ナビゲーション
===== */

#Navi {
	width: 45%;
	float: right;
}

#Navi #gNavi {
	margin-bottom: 5em;
	}

#Navi #gNavi li {
	margin-bottom: 1em;
}

#Navi #gNavi li a {
	display: inline-block;
	background: url(Point-Blue.gif) 0em .25em no-repeat;
	padding: 3px 0 3px 27px;
	font-size: 140%;
	font-family: "Trebuchet MS";
	font-weight: bold;
	text-transform: uppercase;
	color: navy;
	text-decoration: none;
}

#Navi #gNavi li a:hover {
	background: url(Point-Red.gif) 0em .25em no-repeat;
	padding: 3px 0 3px 27px;
	color: red;
}

#Navi #gNavi li a span {
	font-size: 70%;
	color: navy;
	font-weight: normal;
}

#Navi h2 {
	margin-top: 2em;
}

#Navi fieldset {
	border: none;
	margin-top: 1em;
	margin-left: 3px;
}

#Navi p {
	margin-left: 3px;
}

#Navi fieldset li {
	margin-bottom: 0;
}

#Navi fieldset ul a {
	font-weight: normal;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

#Navi fieldset li a {
	background: none;
	padding: 0;
	font-size: 100%;
}

#Navi fieldset li a:hover {
	background: none;
	padding: 0;
	color: #red;
}

#Navi fieldset input {
	margin-right: 0.7em;
}

#Navi #submit {
	margin-top: 8px;
	background-color: #e5e5e5;
}

/* =====
トピック
===== */

#Topic {
	width: 45%;
	float: left;
}

h2 {
	font-size: 130%;
	font-weight: bold;
	color: navy;
	background: url(Point-Blue.gif) 0em .25em no-repeat;
	padding: 3px 0 3px 27px;
}

#Topic dl dt em {
	font-weight: bold;
	color: navy;
	font-size: 110%;
	}

#Topic dl p {
	margin-bottom: 1em;
	}

#Topic dl {
	background-color: #e5e5e5;
	padding: 1em;
}

#Topic dl dt {
	font-weight: bold;
	font-size: 110%;
	color: #444;
	padding:5px 3px;
	margin-bottom: 1em;
	background-color: #ddd;
}

#Topic dl dt.New {
	background: url(New.gif) 5px 50% no-repeat;
	background-color: #ddd;
	padding-left: 50px;
	}

#Topic dl dt a {
	font-weight: bold;
	font-size: 100%;
	}

#Topic dl dl {
	padding: 0;
}
	
#Topic dl dd em {
	color: #f60;
	}

#Topic dl dl dd {
	margin-bottom: 1em;
	margin-left: 3px;
}

#Topic dl dl dt {
	color: #333;
	font-size: 100%;
	border-left: 0.5em solid #999;
	margin-bottom: 0;
	margin-left: 3px;
	background-color: #e5e5e5;
}

#Topic hr {
	margin: 1em 0;
	visibility: hidden;
}

/* =====
汎用class
===== */
.OnMark ul, .OnMark li {
	list-style-type: square;
}

.OnMark li {
	margin-left: 1.5em;
}

blockquote {
	margin: 1em 0.3em;
	background-color: #efefef;
	}

blockquote p {
	padding: 0.5em;
	color: #666;
	font-size: 90%;
	}

blockquote p a {
	color: navy;
	}
	
blockquote p a:hover {
	color: red;
}

cite {
	font-size: 80%;
	color: #666;
	}
	
cite a {
	font-size: 100%;
	}
	
cite:before {
	content: "──";
	}