﻿.mgt10{margin-top: 10px;}
.mgb10{margin-bottom: 10px;}
.mgt14{margin-top: 14px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px!important;}
.mgb0{margin-bottom: 0!important;}
.mgb30{margin-bottom: 30!important;}
.mgt0{margin-top: 0!important;}
.w100p{width: 100%!important;}
.w20p{width: 20%!important;}
.w40p{width: 40%!important;}
.w80p{width: 80%!important;}
.mw300{max-width: 300px;}
.fs08{font-size: 0.8em;}
.tac{
	text-align: center;
	padding-bottom: 5px;
}
.maindesign a:hover img {
	opacity:0.7 !important;
	filter: alpha(opacity=70) !important;
	-ms-filter: "alpha( opacity=70 )" !important;
	background-color:#fff;
}

.maindesign .mask01{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #f00;
	}
.maindesign .mask02{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
.maindesign .alpha a:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #f00;
}

.maindesign .left{
float:left;
}


.maindesign .goTop{
	text-align:right;
}

/*↓ 特集別 ↓*/

.maindesign{
	width:100%;
	max-width:860px;
	margin: auto;
	text-align:left;
	}
.maindesign h1{
	margin:0;
	padding:0;
}
.maindesign img{
	border:none;
}

.maindesign .mb0{
	margin-bottom:0px !important;
}

.maindesign .mb10{
	margin-bottom:10px;
}

.maindesign .mb30{
	margin-bottom:30px !important;
}
.maindesign .mt20{
	margin-top:20px !important;
}

.maindesign .mt30{
	margin-top:30px !important;
}

.maindesign .mt40{
	margin-top:40px !important;
}


.maindesign .mt60{
	margin-top:60px !important;
}

.maindesign .mt10{
	margin-top:10px !important;
}

.maindesign .mr10{
	margin-right:10px!important;
}
.maindesign .mr5{
	margin-right:5px!important;
}

.maindesign .mr8{
	margin-right:8px!important;
}

.maindesign .ml10{
	margin-left:10px!important;
}

.maindesign .ml20{
	margin-left:20px!important;
}

.maindesign .ml5{
	margin-left:5px!important;
}

.maindesign .ml8{
	margin-left:8px!important;
}

.maindesign h4{
	margin:0;
	font-size:24px;
}
.maindesign .hidden{
	overflow:hidden;
}

.maindesign .fl{
	float:left;
}

.maindesign .kome{
	text-align:right;
	margin:0;
	font-size:14px;
}

.maindesign .dashed{
	border-bottom:2px dashed #000;
}

.maindesign h3{
    margin: 0 0 5px!important;
	font-size:18px!important;
	font-weight:bold;
	border-left:8px solid #0769a8;
    border-bottom: solid 1px #0769a8;
	padding:5px 16px!important;
	background-image:none!important;
}

.maindesign a:hover img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


.maindesign .series a:hover img {
	background-color:#FFFFFF;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


.maindesign .pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.maindesign .pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
}
.maindesign .pagetop a:hover {
    display: block;
    text-align: center;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}







div .maindesign table th{
font-size:1.3em;
}

div .maindesign table td{
font-size:1.2em;
}

div .maindesign .product {
	border: 0px solid;
    border-collapse: collapse;
    line-height: 25px;
}

div .maindesign .product th{
	border: 1px #aa6633 solid;
	background-color: #ffcc55;
	padding: 10px 10px;
	text-align: center;
	font-weight:bold;
	font-size:1em;
}

div .maindesign .product td{
	border: 1px #aa6633 solid;
	padding: 10px 5px;
	font-size:1em;	
}

div .maindesign .product td img{
	max-width:200px;
	width:100%;
}

div .maindesign .product td .red{
	color:#FF0000;
	font-size:0.9em;
	font-weight:bold;
}

div .maindesign .product .dest{
	font-size: 30px;
    font-weight: bold;
	text-align:center;
}

div .maindesign .banner{
	text-align:center;
}

div .maindesign .banner p{
	text-align:center;
	font-size:18px;
	margin-top:10px;
}

div .maindesign .description{
	text-align: justify;
	line-height:1.4em;
	font-size:1.4em;
	margin:0 0 30px 0;
}

div .maindesign .mb5{
	margin-bottom:5px;
}

div .maindesign .mb15{
	margin-bottom:15px;
}

div .maindesign .mb30{
	margin-bottom:30px;
}

div .maindesign .btn01{
	max-width:856px;
	width:100%;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background-image:url(/include_html/koukoku/19_makiwari/img/try.gif);
	background-color:#eee;
	background-repeat:no-repeat;
	background-position-y:center;
	background-position-x:2%;
	border:2px solid #aaa;
	color:#333333;
	margin:0 auto 15px;
	padding:10px 0;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}


div .maindesign .choice{
	margin-bottom:30px;
	margin-top:15px;
}

div .maindesign .choice td{
	text-align:center;
	vertical-align:middle;
	width:33%;
}

div .maindesign .choice td a{
	text-decoration:none;
}

div .maindesign .choice td img{
	max-width:280px;
	width:100%;
}


div .maindesign .choice .btn02{
	max-width:280px;
	width:96%;
	font-size:20px;
	font-weight:bold;
	background-image:url(/include_html/koukoku/19_makiwari/img/try.gif);
	background-color:#eee;
	background-repeat:no-repeat;
	background-position-y:center;
	background-position-x:5%;
	border:2px solid #aaa;
	color:#333333;
	margin:0 auto;
	padding:10px 0;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

div .maindesign .sub_title{
	background-image:url(/include_html/koukoku/19_makiwari/img/bg.gif);
	max-width:860px;
	width:100%;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	padding:5px 0;
	color:#fff;
	margin-bottom:0;
	text-shadow:0 0 3px #000;
}


div .maindesign .btn03{
	max-width:300px;
	width:100%;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background-image:url(/include_html/koukoku/19_makiwari/img/try.gif);
	background-color:#eee;
	background-repeat:no-repeat;
	background-position-y:center;
	background-position-x:5%;
	border:2px solid #aaa;
	color:#333333;
	margin:0;
	padding:10px 0;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}



div .maindesign a .btn01:hover,
div .maindesign .choice a .btn02:hover,
div .maindesign a .btn03:hover{
	color:#bf1829;
}

