@charset "UTF-8";

/* grobal bits */
* {
	margin: 0;
	padding: 0;
	border: none;
	font: normal normal normal 100%/150% Osaka, Meiryo, Verdana, Arial, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #066;
	text-align: center;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

hr {
	margin: 12px 0;
	border: 1px groove #066;
}

ul {
	margin: 0px;
	padding: 0px;
}

.hide {
	display: none;
}

.seek {
	display: none;
}

/* id 設定 */
#wrapper {
	margin: 20px auto 20px auto;
	border: 7px solid #000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	position: relative;
	width: 777px;
	min-height: 480px;
	background-color: #c5d5c5;
	background-image: url(back.gif);
	background-repeat: repeat-y;
	background-position: left;
	font-size: small;
	text-align: left;
}

/* banner (aka header) bits */
#mast {
	border-bottom: 1px solid #000;
	width: 777px;
	height: 50px;
	background-color: #aaa;
	background-image: url(mast.gif);
	background-repeat: no-repeat;
}

#mast img {
	margin: 5px 10px 0 0;
	float: right;
	background-image: url(m1go_com.gif);
	background-repeat: no-repeat;
}

#mast a,
#mast a:link,
#mast a:visited,
#mast a:active,
#mast a:hover {
	border: none;
	text-decoration: none;
}

/* title bits */
#banner {
	width: 777px;
	height: 120px;
	color: #dee;
	background-image: url(spring.jpg);
	background-repeat: no-repeat;
}

/* IE用fix */
#columnfix {
	margin-right: 2px;
	float: left;
	width: 545px;
	height: 2px;
	overflow: hidden;
	background-color: #dee;
}

/* navigation bits */
#navi {
	float: right;
	clear: right;
	width: 230px;
	overflow: hidden;
	background-color: #c5d5c5;
}

#navi ul li {
	list-style-type: none;
	margin-left: 10px;
}

#navi a:link,
#navi a:visited {
	border-bottom: 1px solid #c5d5c5;
	color: #012;
	text-decoration: none;
}

#navi a:hover,
#navi a:active {
	border-bottom: 1px solid #044;
	color: #044;
	text-decoration: none;
}

#left-column {
	float: left;
	width: 545px;
	overflow: hidden;
	background-color: #dee;
}


#right-column {
	float: right;
	clear: right;
	width: 230px;
	overflow: hidden;
}

/* clearfix footer bits */
#clearfix {
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	color: #fff;
	background-color: #000;
}

/* class 設定 */
.container {
	margin: 10px 15px;
	overflow: hidden;
	color: #012;
}

/* date bits */
.date {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #6ab;
	color: #356;
	font: bold 13px Meiryo, Verdana, Arial, sans-serif;
	text-align: center;
}

/* entry bits */
.article {
	margin: 15px 10px;	
}

.article p {
	margin: 10px 0;
	padding: 0;
	line-height: 145%;
}

.article img {
	float: left;
	margin: 5px 10px 5px 0;
}

.article a:link,
.article a:visited {
	border-bottom: 1px dotted #456;
	color: #012;
	text-decoration: none;
}

.article a:hover,
.article a:active {
	border-bottom: 1px solid #044;
	color: #044;
	text-decoration: none;
}

.title {
	margin: 0 0 5px 0;
	color: #023;
	font: 15px Meiryo, Verdana, Arial, sans-serif;
	text-align: center;
}

.title a:link,
.title a:visited,
.title a:hover,
.title a:active {
	border: none;
	color: #023;
	text-decoration: none;
}

.copy p {
	margin: 0 10px 20px 0;
	line-height: 140%;
	font-family: Arial, Geneva, Helvetica;
	text-align: right;
}

.posted {
	margin: 20px 10px 45px 0;
	text-align: right;
}

.archive_list {
	margin: 3px 3px 15px 3px;
	padding: 5px;
	border: 1px dashed #000;
	float: left;
	width: 45%;
	font-family: Meiryo, Verdana, "courier new", Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

.archives li {
	margin: 0 0 0 40px;
	padding: 1px;
	list-style-type: square;
}

.story {
	margin: 15px 10px;
}

.story dd {
	padding: 0 0 5px 80px;
}


/* menu (previous and next entry link) bits */
.menu {
	background-color: #8a9;
	padding: 2px 0;
	color: #eec;
	text-align: center;
	font: 12px Meiryo, Verdana, arial, sans-serif;
}

.menu a:link,
.menu a:visited {
	color: #eec;
	text-decoration: none;
}

.menu a:hover,
.menu a:active {
	color: #044;
	text-decoration: none;
}

.prev {
	margin-bottom: 6px;
	padding: 2px 0 2px 50px;
	color: #639cb1;
	background-color: #fffff7;
	background-image: url(prev.gif);
	background-repeat: no-repeat;
	font: 12px Meiryo, Verdana, arial, sans-serif;
	text-align: left;
}

.prev a:link,
.prev a:visited {
	color: #639cb1;
	text-decoration: none;
}

.prev a:hover,
.prev a:active {
	color: #066;
	text-decoration: none;
}

.next {
	margin-bottom: 6px;
	padding: 2px 50px 2px 0;
	color: #639cb1;
	background-color: #fffff7;
	background-image: url(next.gif);
	background-repeat: no-repeat;
	font: 12px Meiryo, Verdana, arial, sans-serif;
	text-align: right;
}

.next a:link,
.next a:visited {
	color: #639cb1;
	text-decoration: none;
}

.next a:hover,
.next a:active {
	color: #066;
	text-decoration: none;
}

.decimal li {
	margin: 0 0 0 24px;
	padding: 2px 0;
	list-style-type: decimal;
}

.circle li {
	margin: 0 0 0 12px;
	padding: 1px 0;
	list-style-type: circle;	
}

/* general side bits */
.sidetitle {
	margin-bottom: 7px;
	padding: 1px 0 1px 10px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	color: #fff;
	background-color: #639cb1;
	letter-spacing: 1pt;
}

.side {
	margin-bottom: 20px;
	padding: 0 4px;
}

.side p {
	margin: 10px 0;
	padding: 0;
	line-height: 140%;
}

.side a:link,
.side a:visited {
	border-bottom: 1px solid #c5d5c5;
	color: #012;
	text-decoration: none;
}

.side a:hover,
.side a:active {
	border-bottom: 1px solid #044;
	color: #044;
	text-decoration: none;
}

/* search bits */
.search {
	margin-bottom: 20px;
	padding: 0;
	color: #012;
	font: 12px/1.4 sans-serif, Arial, Verdana;
}

.search form {
	margin-bottom: 3px;
	text-decoration: none;
}

input {
	margin-bottom: 1px;
	padding: 3px 2px;
	vertical-align: middle;
	font: 12px/1.4 sans-serif, Arial, Verdana;
}

.search img {
	margin-left: 3px;
	border: none;
}

.search a:link, 
.search a:visited,
.search a:hover,
.search a:active {
	border: none;
	color: #012;
	text-decoration: none;
}


/* syndicate bits */
/* powered bits */
.syndicate,
.powered,
.centre {
	margin-bottom: 20px;
	padding: 0 4px;
	text-align: center;
	text-decoration: none;
}

.syndicate img,
.powered img,
.centre img {
	margin-top: 10px;
}

/* extra bits */
.categories,
.categories ul {
	margin: 0 0 0 2px;
	padding-left: 0;
}

.categories li {
	margin: 0 0 0 18px;
	padding-left: 0;
}

.note {
	margin: 0;
	padding-left: 0;
}

.note li {
	margin: 0 0 8px 18px;
	padding-left: 0;
}

.faq {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.faq ul,
.faq li {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}

.qcontents {
	margin: 20px 0 0 0;
}

.qcontents a,
.qcontents a:hover,
.qcontents a:active {
	font-size: small;
	font-weight: normal;
	border: none;
	text-decoration: none;
}

.qindex {
	margin: 0 0 10px 0;
}

.qindex ul,
.qindex li {
	margin: 0;
	padding-left: 20px;
	list-style-type: none;
}

.qindex a,
.qindex a:link,
.qindex a:visited {
	margin: 2px 0;
	padding: 2px 10px;
	border: none;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	width: 450px;
	color: #fff;
	background-color: #639cb1;
	text-decoration: none;
	display: block;
}

.qindex a:hover,
.qindex a:active {
	color: #003973;
	background-color: #fff;
}

.answer {
	margin: 0 10px;
	padding: 12px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
}

.answer span a,
.answer span a:hover {
	color: #003973;
	font-size: small;
	border: none;
	text-decoration: none;
}

.totop {
	margin-right: 20px;
	font-family: sans-serif, Verdana, Arial, osaka;
	font-size: 11px;
	text-align: right;
}

.tm {
	border: none;
	text-align: center;
	text-decoration: none;
}

.tm img {
	float: none;
	text-align: center;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	border: none;
}

.tm a,
.tm a:link,
.tm a:visited,
.tm a:hover,
.tm a:active {
	border: none;
}

.outlet {
	margin: 8px 8px 0 8px;
	padding: 0 8px;
	border: 1px solid #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: auto;
	background-color: #eff5e5;
}

.outletx {
	margin: 8px 8px 0 8px;
	padding: 0 8px;
	border: 1px solid #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: auto;
	background-color: #eff5e5;
	background-image: url(sold_out.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.outletxx {
	margin: 8px 8px 0 8px;
	padding: 0 8px;
	border: 1px solid #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: auto;
	background-color: #eff5e5;
	background-image: url(sold_out.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.outletxxx {
	margin: 8px 8px 0 8px;
	padding: 0 8px;
	border: 1px solid #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: auto;
	background-color: #eff5e5;
	background-image: url(sold_out2.gif);
	background-position: top;
	background-repeat: no-repeat;
}

.notice {
	margin: 8px;
	padding: 0 15px;
	border: 1px dotted #000;
}

/* table bits */
td.small {
	padding: 3px 10px 4px 8px;
	line-height: 140%;
	color: #003973;
	background-color: #fff;
	font-size: 12px;
}

td.pref {
	padding: 3px 10px 4px 8px;
	line-height: 140%;
	width: 80px;
	color: #003973;
	background-color: #fff;
	font-size: 12px;
}

td.fee {
	padding: 3px 8px 4px 8px;
	line-height: 140%;
	color: #003973;
	background-color: #fff;
	font-size: 12px;
	text-align: right;
}

td.normal {
	padding: 3px 5px 3px 10px;
	width: 325px;
	line-height: 140%;
	color: #003973;
	background-color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}

td.postage {
	padding: 3px 5px 3px 14px;
	line-height: 140%;
	color: #003973;
	background-color: #fff;
	font-size: 14px;
	text-align: right;
	letter-spacing: 1px;
}

/* button bits */
.button a,
.button a:link,
.button a:visited {
	padding: 2px 5px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #666;
	background-color: #edeae4;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}

.button a:hover,
.button a:focus {
	padding: 2px 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-left: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #055;
	background-color: #edeae4;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}

.button a:active {
	padding: 2px 5px;
	border-top: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #044;
	background-color: #edeae4;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}

.search input#btnG {
	border-top: 1px solid #ccc;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 2px;
	width: 50px;
	height: 21px;
	color: #666;
	background-color: #edeae4;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;

}

.search input#btnG:hover,
.search input#btnG:focus {
	border-top: 1px solid #ddd;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-left: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 2px;
	width: 50px;
	height: 21px;
	color: #055;
	background-color: #edeae4;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.search input#btnG:active {
	border-top: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 2px;
	width: 50px;
	height: 21px;
	color: #044;
	background-color: #edeae4;
	background-image: url(btn.png);
	background-repeat: repeat-x;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
