/*************************************************************
2006.4.12
Title: default css code
*************************************************************/

/*LOAD HEADER & FOOTER CSS*/
@import url(head_foot.css);

/*************************************************************
basically page elements
*************************************************************/

#header{color:#339;}
#title{}
.release-area{margin:0px 10px 20px;}

#search-area{
	margin:0px 10px 20px;
	color:#339;
	text-align:right;
}

#faq-area{}
#route,
#sresult-area{margin:0px 10px 20px;}
#menu{}
#login-info{margin:0px 10px 20px;}

#lead-text{
	margin:0px 10px 20px;
	color:#339;
	font-size:1.08em;
	line-height:1.2em;
}

#fix-text,
#se-fix-text {
	margin:0px 10px 20px;
	color:#669;
	font-size:1.25em;
	font-weight:bolder;
	line-height:1.2em;
}

#instruction-text{
	margin:0px 10px 20px;
	color:#333;
	font-size:1.08em;
	line-height:1.2em;
}

#signout-text,
#contents,
#tips,
#attention {margin:0px 10px 20px;}

.completion-area{
	margin:0px 10px 20px;
	text-align:center;
}

.error-area{
	margin:0px 10px 20px;
	font-size:1.16em;
	font-weight:bolder;
	line-height:1.5em;
	text-align:left;
}

/*gram20061228*/
/*#footer {
	font-size:0.833em;
	line-height:1.2em;
}*/

/*************************************************************
basically html tags
*************************************************************/

*{margin:0px; padding:0px;}
form{margin:0px; padding:0px;}
body{
	margin:5px;
	background-color:#fff;
	color:#333;
}
body, table{font-size:13px; line-height:1.2em}
body *{font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラ ギノ角ゴ Pro W3", sans-serif, Osaka, Helvetica;} 

table{
	width:100%;
	margin:0px;
	padding:0px;
	color:#333;
}

th {font-weight:bolder;}
th, td{vertical-align:top;}
table, th, td{border:none;}

b{font-weight:bolder;}
p{margin:0px; padding:0px;}
ul{margin:0px; padding:0px;}
ol{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; font-weight:bolder;}
h1{font-size:1.5em; line-height:1.2em;}
h2{font-size:1.33em; line-height:1.2em;}
h3{font-size:1.16em; line-height:1.2em;}
h4{font-size:1.08em; line-height:1.2em;}
h5{font-size:1em; line-height:1.2em;}
h6{font-size:1em; line-height:1.2em;}
input {
	width:150px;
	padding:1px;
	display:inline;
}
input[type="hidden"] {
	width:0px;
	display:none;
}
select {
	width:auto;
	display:inline;
}
textarea {
	width:300px;
	height:80px;
	padding:1px;
	display:inline;
}

a:link, a:visited{text-decoration: none}
a:active, a:hover{text-decoration: underline}
a:link{color: #339}
a:visited{color: #96c}
a:hover{color: #66c;}
a:active{color: #66c;}

img{border:none;}

/*************************************************************
sharing classes
*************************************************************/

.i-fname{color:#f30; font-size:1.16em; font-weight:bolder; line-height:1.2em;}
.i-name{color:#f30; font-size:1.16em; font-weight:bolder; line-height:1.2em;}
.i-mail{color:#f30; font-weight:bolder; line-height:1.2em;}

.i-input-area{}
.i-display-area{}
.address-input-area{}
.address-display-area{}
.member-input-area{}
.member-display-area{}

.headline{color:#339;}

.em-headline{
	display:block;
	background-color:#8e8ec2;
	color:#fff;
	font-weight:bolder;
}

.table-headline{
	display:block;
	background-color:#d8f1ef;
	color:#5d8b98;
}

.text-em{color:#669; font-weight:bolder;}

.text-attention{
	padding:2px;
	display:block;
	color:#f30;
	font-size:0.833em;
	line-height:1.2em;
}

.text-error{color:#f30; font-weight:bolder;}
.important{color:#339; font-weight:bolder;}
.must{color:#f30;}
.money{color:#63c;}
.quantity{color:#333; font-weight:bolder;}
.total{color:#f30;}
.number{color:#f30;}
.example{color:#333;}
.instruction{color:#333;}

.title-text{font-weight:bolder; color:#339; white-space:nowrap;}

.bt-area, .backbt-area{
	margin-bottom:20px;
	text-align:center;
}

/* 改善-13819（スマチケ対応） N.Yokoyama 2014-03-18 add start */
.bt-area-ticket{
	margin-bottom:20px;
	text-align:left;
}
/* 改善-13819（スマチケ対応） N.Yokoyama 2014-03-18 add end */


.qualification-01,
.qualification-02{color:#669;}

.float-clear{
	clear:both;
	display:block;
	width:1px;
	height:1px;
	font-size:1px;
	line-height:0px;
}

/*************************************************************
for style sheets select box with gram design
*************************************************************/
.selectStyleBox{
	margin:5px 0px;
	padding:5px;
	border:solid #669 1px;
	background-color:#f0f1ef;
}
.selectStyleBox p{
	margin-bottom:5px;
	color:#669;
}