@charset "utf-8";

/*============目次===========
ver.1.1 20080218
1: *
2: body
5: search
6: globalNav
7: contents
8: sub
9: #categoryNav
10: #sub .categoryNav2
11: #categoryNav3
12: main main02
13: #footer
14: .pagetop
15: .blockend
16: hr.separator
17: .clearfix
18: .navihidden
19: a
20: space
21: suggest
============================*/
/*========================
■ 1: *　
========================*/
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 100%;
	-webkit-text-size-adjust: 100%;
    font-style: normal;
}


/*========================
■ 2: body　
========================*/
body {
    color: #333;
    line-height: 1.2em;
    margin: 0 auto;
    padding: 0;
    text-align: center;
	font-family: "Droid Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Arial, Roboto, sans-serif, FontAwesome;
}



/*========================
■14: .pagetop
========================*/
.pagetop, .pagetop2 {
    width: 100%;
    height: 30px;
    text-align: right;
    padding-top: 3px;
    position: relative;
    clear: both;
    margin: 15px auto 0;
}

.pagetop {
    border-top: 1px dotted #b6b6b6;
}

.pagetop img, .pagetop2 img {
    vertical-align: middle;
    margin-right: 3px;
}

.pagetop a:hover, .pagetop2 a:hover {
    color: #06c;
    text-decoration: underline;
}

.pagetop a, .pagetop a:visited,
.pagetop2 a, .pagetop2 a:visited {
    color: #039;
    text-decoration: underline;
}

/*========================
■15: .blockend
========================*/
.blockend {
    clear: both;
}

/*========================
■16: hr.separator
========================*/
hr.separator{
    display: none;
}

/*========================
■17: .clearfix
========================*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
    display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix{
    height: 1%;
}

.clearfix{
    display: block;
}
/* End hide from IE-mac */

/*========================
■18: .navihidden
========================*/
.navihidden {
    border-style: none;
    height: 1px;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    z-index: 100;
}

/*========================
■19: a
========================*/
a{
    text-decoration: underline;
    color: #003399;
}

a:hover {
    color: #0066cc;
}


#contents a:hover img {
	opacity:0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}

#contents input[type="image"]:hover {
	opacity:0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}


/*========================
■20: space
========================*/
.sp10 {height: 10px;}
.sp20 {height: 20px;}

.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt12 {margin-top:12px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:30px !important}
.mt50 {margin-top:30px !important}
.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mr0 {margin-right:0 !important}
.mr10 {margin-right:10px !important}
.mr20 {margin-right:20px !important}
.mr30 {margin-right:30px !important}
.mr40 {margin-right:40px !important}
.mr50 {margin-right:50px !important}
.ml0 {margin-left:0 !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}



img {
    border: none;
}

#contents .alignLeft {text-align: left;}
#contents .alignRight {text-align: right;}
#contents .alignCenter {text-align: center;}

#contents .boxCenter {margin-left: auto; margin-right:auto}