/* http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css */

html { color:#000; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select { *font-size:100%; }
legend { color:#000; }


/* http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css */

body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; }
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100%; }


/* HTML5 */

section, nav, article, aside, hgroup, header, footer, address { display:block; }


html { overflow-x:hidden; }

body {
	line-height:1.5;
}

a {
	color: #0000ff;
	text-decoration:none;
}

header {
	padding:4px;
}

header * {
	margin:0;
	display:block;
}

.top_image {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f3f3f3;
}

.top_image img {display:block;}

.top_note {
	border-top:solid 2px #fff;
	padding:6px 6px;
	overflow:hidden;
}

.group {
	border-top:1px dashed #ccc;
}

h2 {
	padding:20px 15px 0;
	font-size:1.4em;
	color:#ffffff;
	font-family:serif;
	font-weight:bolder;
	border-bottom:solid 1px #ccc;
}

section ul {
	overflow:hidden;
}

section li { overflow:hidden; }

.list_gazou li { padding:14px 10px; }

.list_gazou a {
	color: #000;
	text-decoration:none;
}

.thumbnail {
	float:left;
	padding:4px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 8px #ccc;
}

.arrow {
	float:right;
	width:22px;
}

.list_gazou .explain {
	margin-left:116px;
	margin-right:26px;
}

.list_link li {
  padding:10px 12px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}

.list_link li:last-child{border-bottom:0;}

.list_link a {
	color: #4c4c4c;
	text-decoration:none;
	display:block;
	background:url(images/arrow2.png) no-repeat 100% 50%;
}

.list_button {
	padding:16px 0 16px 16px;
	}

.list_button li {
	display:block;
	float:left;
	width:89px;
	margin-right:10px;
	padding:10px 0;
	text-align:center;
	border: 1px solid #bdbcbd;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #ccc;
	text-align:center;
}

.list_button a {
	text-decoration:none;
	font-size:1.2em;
}

footer {
	padding:10px 10px;
	background: -webkit-gradient(linear,left top,left bottom,from(#d6dbda),to(#eaeaea));
  background: -webkit-linear-gradient(top, #d6dbda, #eaeaea);
	background: -moz-linear-gradient(top, #d6dbda, #eaeaea);
	background: -o-linear-gradient(top, #d6dbda, #eaeaea);
	background: -ms-linear-gradient(top, #d6dbda, #eaeaea);
	background: linear-gradient(top, #d6dbda, #eaeaea);
	text-align:center;
}

footer a {
	color: #4c4c4c;
	text-decoration:none;
  white-space:nowrap;
}

footer a { margin-right:10px; }

footer a:last-child { margin-right:0; }

address {
	padding:12px 0;
	border-top:solid 1px #ccc;
	text-align:center;
	color:#fff;
	background: -webkit-gradient(linear,left top,left bottom,from(#848484),to(#575757));
  background: -webkit-linear-gradient(top, #848484, #575757);
	background: -moz-linear-gradient(top, #848484, #575757);
	background: -o-linear-gradient(top, #848484, #575757);
	background: -ms-linear-gradient(top, #848484, #575757);
	background: linear-gradient(top, #848484, #575757);
}

.contents {
	border-top:solid 2px #fff;
	padding:18px 16px;
	margin:2px 0;
	overflow:hidden;
}

.align_left {
	display:block;
	float:left;
	margin:0 20px 20px 0;
	padding:4px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 8px #ccc;
}

.align_right {
	display:block;
	float:right;
	margin:0 0 20px 20px;
	padding:4px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 8px #ccc;
}

table {
	border-collapse:separate;
	border-spacing: 0;
	width:100%;
  -webkit-box-shadow: 0 1px 1px #ccc; 
  -moz-box-shadow: 0 1px 1px #ccc;
	-o-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}


th, td {
	border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px 10px;
}

th{
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
	background: -webkit-linear-gradient(top, #fff, #e1e1e1);
	background: -moz-linear-gradient(top, #fff, #f6f7f6);
	background: -o-linear-gradient(top, #fff, #f6f7f6);
	background: -ms-linear-gradient(top, #fff, #f6f7f6);
	background: linear-gradient(top, #fff, #f6f7f6);
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

td{border-right: 1px solid #ccc;}

table .none {
	border-collapse:separate;
	border-spacing: 0;
	width:100%;
  -webkit-box-shadow: 0 1px 1px #ccc; 
  -moz-box-shadow: 0 1px 1px #ccc;
	-o-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}


th, td  .none{
	border-left: 0px solid #ccc;
  border-top: 0px solid #ccc;
  padding: 20px 10px;
}

th .none{
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
	background: -webkit-linear-gradient(top, #fff, #e1e1e1);
	background: -moz-linear-gradient(top, #fff, #f6f7f6);
	background: -o-linear-gradient(top, #fff, #f6f7f6);
	background: -ms-linear-gradient(top, #fff, #f6f7f6);
	background: linear-gradient(top, #fff, #f6f7f6);
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

td .none{border-right: 0px solid #ccc;}


.orenge-13 {
	font-size: 14px;
        font-weight:800;
	line-height: 18px;
	color: #ff6633;
}

.title{
	margin: 0.5em 1% 1.0em 2px;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-width: 0 0 2px 15px;
	border-color: #C98888;
	font-size: 14px;
}
.title01{
	margin: 0.9em 15% 0.5em 10px;
	padding: 0.2em 0.5em 0.1em 0.5em;
	border-style: solid;
	border-width: 0 0 1px 17px;
	border-color: #DE9C9C;
	font-size: 14px;
}


.white-12 {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}
.txt-14 {
	font-size: 14px;
	line-height: 21px;
	color: #000000;
}
.red-14 {
	font-size: 14px;
	line-height: 21px;
	color: #FF0000;
}
.wine-14 {
	font-size: 14px;
	line-height: 21px;
	color: #990000;
}
.red-12 {
	font-size: 12px;
	line-height: 18px;
	color: #ff6633;
}
.red-12b {
	font-size: 12px;
	line-height: 18px;
	color: #ff6633;
        font-weight:600;
}
.orenge-12 {
	font-size: 12px;
	line-height: 18px;
	color: #ff6633;
}
.orenge-13 {
	font-size: 14px;
        font-weight:800;
	line-height: 18px;
	color: #ff6633;
}
.wine-12 {
	font-size: 12px;
	line-height: 18px;
	color: #990000;
}
.wine-12b {
	font-size: 12px;font-weight:600;
	line-height: 18px;
	color: #990000;
}
.name {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #006699;
}
.white-14 {
	font-size: 14px;
	line-height: 21px;
	color: #FFFFFF;
}
.navy-13b {
	font-size: 14px;
        font-weight:600;
	line-height: 21px;
	color: #003399;
}
.navy-14 {
	font-size: 14px;
	line-height: 21px;
	color: #003399;
}
.navy-14b {
	font-size: 14px;
        font-weight:600;
	line-height: 21px;
	color: #003399;
}
.navy-16 {
	font-size: 16px;
	line-height: 21px;
	color: #003399;
}
.wine-13b {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	color: #990000;
}
.wine-14b {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #990000;
}
.wine-16 {
	font-size: 16px;
	line-height: 24px;
	color: #990000;
}
.wine-16b {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #990000;
}