*{
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
}

body{
	color:#666;
	font-size:12px;
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
	background:#d5eded;
	text-align:center;
}

ul,
ul li{list-style-type:none;}

a:link{color:#0c5f93;}
a:visited{color:#704a99;}
a:hover, a:visited:hover{text-decoration:none;}
a:active{color:#0c5f93;}

img{
	border:0;
	vertical-align:bottom;
}

textarea{font-size:small;}



/** 文字サイズ **/
.txt-lll {
	font-size:24px;
	line-height:1.5;
}
.txt-ll {
	font-size:18px;
	line-height:1.5;
}
.txt-l2 {
	font-size:16px;
	line-height:1.5;
}
.txt-l {
	font-size:14px;
	line-height:1.5;
}
.txt-m {
	font-size:12px;
	line-height:1.5;
}
.txt-ms {
	font-size:11px;
	line-height:1.5;
}
.txt-s {
	font-size:10px;
	line-height:1.5;
}


/** 行間 **/
.lh10{
	line-height:1.0;
}
.lh16{
	line-height:1.6;
}
.lh17{
	line-height:1.7;
}
.lh18{
	line-height:1.8;
}
.lh20{
	line-height:2.0;
}
.lh24{
	line-height:2.4;
}
.lh30{
	line-height:3.0;
}

/** クリア **/
.clr {
	clear:both;
}
.clrall {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:1px;
	overflow:hidden;
}

/** 配置 **/
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}
.fleft_flash{
	float:left;
	padding-top: 5px;
}
.normal{
	font-weight:normal;
}


/** 色 **/
.gray{
	color:#666;
}
.gray2{
	color:#999;
}
.red{
	color:#f00;
}
.red2{
	color:#c00;
}

/********** --PADDING ****************/

.p0{ padding:0px; }
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }
.p25{ padding:25px; }
.p30{ padding:30px; }
.pt0{ padding-top:0px; }
.pt3{ padding-top:3px; }
.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }
.pt50{ padding-top:50px; }
.pt55{ padding-top:55px; }
.pt60{ padding-top:60px; }
.pt65{ padding-top:65px; }
.pt70{ padding-top:70px; }
.pt75{ padding-top:75px; }
.pb0{ padding-bottom:0px; }
.pb3{ padding-bottom:3px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }
.pb65{ padding-bottom:65px; }
.pb70{ padding-bottom:70px; }
.pb75{ padding-bottom:75px; }
.pl0{ padding-left:0px; }
.pl3{ padding-left:3px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }
.pl50{ padding-left:50px; }
.pl55{ padding-left:55px; }
.pl60{ padding-left:60px; }
.pl65{ padding-left:65px; }
.pl70{ padding-left:70px; }
.pl75{ padding-left:75px; }
.pr0{ padding-right:0px; }
.pr3{ padding-right:3px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pr55{ padding-right:55px; }
.pr60{ padding-right:60px; }
.pr65{ padding-right:65px; }
.pr70{ padding-right:70px; }
.pr75{ padding-right:75px; }


/********** --MARGIN ****************/

.m0{ margin:0px; }
.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }
.m25{ margin:25px; }
.m30{ margin:30px; }
.mt0{ margin-top:0px; }
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }
.mt55{ margin-top:55px; }
.mt60{ margin-top:60px; }
.mt65{ margin-top:65px; }
.mt70{ margin-top:70px; }
.mt75{ margin-top:75px; }
.mb0{ margin-bottom:0px; }
.mb3{ margin-bottom:3px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb55{ margin-bottom:55px; }
.mb60{ margin-bottom:60px; }
.mb65{ margin-bottom:65px; }
.mb70{ margin-bottom:70px; }
.mb75{ margin-bottom:75px; }
.ml0{ margin-left:0px; }
.ml3{ margin-left:3px; }
.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }
.ml50{ margin-left:50px; }
.ml55{ margin-left:55px; }
.ml60{ margin-left:60px; }
.ml65{ margin-left:65px; }
.ml70{ margin-left:70px; }
.ml75{ margin-left:75px; }
.mr0{ margin-right:0px; }
.mr3{ margin-right:3px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }
.mr45{ margin-right:45px; }
.mr50{ margin-right:50px; }
.mr55{ margin-right:55px; }
.mr60{ margin-right:60px; }
.mr65{ margin-right:65px; }
.mr70{ margin-right:70px; }
.mr75{ margin-right:75px; }



/********** --BIGHOP ****************/

div#bighop{
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:center;
	width:820px;
	background:#75dd7c url(../images/bg.gif) top center repeat-y;
}
div#bighop .bighop{
	padding:0 30px;
	min-height:800px;
	background:url(../images/main_bg.gif) bottom center no-repeat;
}


div#head{
	position:relative;
	width:760px;
	height:72px;
	background:#75dd7c url(../images/head_read.gif) top left no-repeat;
	}

div#head h1{
	position:absolute;
	width:496px;
	height:72px;
}
div#head h2{
	position:absolute;
	text-indent:-500em;
	background:url(../images/head_read.gif) top right no-repeat;
	top:3px;
	left:0px;
	width:752px;
	height:23px;
}


div#head ul#snavi{
	position:absolute;
	top:54px;
	left:425px;
}

div#head ul#snavi li{
	float:left;
	font-size:9px;
	height:12px;
}


div#head ul#snavi li a{
	display:block;
	text-indent:-500em;
	height:12px;
}


div#head ul#snavi li.sn01{
	width:112px;
	background:url(../images/head_menu01.gif) 0px 0px no-repeat;
}

div#head ul#snavi li.sn01 a{
	width:102px;
}
div#head ul#snavi li.sn02{
	background:url(../images/head_menu02.gif) 0px 0px no-repeat;
	width:81px;
}
div#head ul#snavi li.sn02 a{
	width:68px;
}
div#head ul#snavi li.sn03{
	background:url(../images/head_menu03.gif) 0px 0px no-repeat;
	width:62px;
}
div#head ul#snavi li.sn03 a{
	width:62px;
}
div#head ul#snavi li.sn04{
	background:url(../images/head_menu04.gif) 0px 0px no-repeat;
	width:73px;
}
div#head ul#snavi li.sn04 a{
	width:73px;
}


ul.list1 li{
	padding:0 0 2px 15px;
	background:#fff url(../images/icon_list1.gif) 0px 3px no-repeat;
	line-height:1.4;
}

ul.list2 li{
	padding:0 0 2px 10px;
	background:#fff url(../images/icon_list2.gif) 0px 1px no-repeat;
	line-height:1.4;
}


/*---フッター---*/
#footer{
	border-top:20px solid #fff;
}

.footer{
	margin: 0px;
	padding:10px 10px 5px 10px;
	font-size: 11px;
	color: #fff;
	line-height: 14px;
	background:#093;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	text-align:left;
}
.footer a{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	font-size: 11px;
	color: #fff;
	line-height: 14px;
	text-decoration:none;
	background-color:#093;
}
.footer a:hover{
	text-decoration:underline;
}


.copy{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	background:#093;
	border-left:5px solid #fff;
	text-align:left;
	vertical-align:top;
}
.copy01{
	margin:0px;
	padding:0px;
	font-size: 12px;
	line-height:15px;
	color: #fff;
	background:#093;
	border-right:5px solid #fff;
	vertical-align:top;
}
.copy01 a{
	text-decoration:none;
	color: #777766;
	font-size: 12px;
	line-height:15px;
}
.mixinglogo{
	margin: 0 0 0 20px;
	padding: 0px;
}

.copy p{
	padding:5px 0;
	margin:0;
	border-top:1px solid #fff;
	margin-left:10px;
}
.copy01 p{
	padding:0;
	margin:0;
	border-top:1px solid #fff;
	margin-right:10px;
	padding:10px 0;
	text-align:right;
}




.navi li {
	position:relative;
	float:left;
	width:152px;
	list-style:none;
}

.navi li table {
	border-collapse: collapse;
	border: none;
	font-size: 12px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align:left;
}


.navi li ul{
visibility: hidden;
overflow: hidden;
position: absolute;
top:33px;
left: 0px;
height: 0;
z-index: 100;
width:152px;
}

.navi ul li{
	font-size:10px;
}
.navi a { 
	display:block;
	width:100%;
	color:#666;
	background:#fff;
	text-decoration:none;
	text-align:center;
	line-height:2em;
}
.navi li li{
width:152x;
}

.navi li li a {
	border-bottom:1px solid #ccc;
}

.navi a:hover {
	background:#f96;
	color:#fff;
}

.navi li a:hover {
	position: relative;
	z-index: 100;
}

.navi li:hover ul ,
.navi li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}



a.n01:link,
a.n01:visited{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu.gif) 0px 0px no-repeat;
}
a.n01:active,
a.n01:hover{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu_o.gif) 0px 0px no-repeat;
}
a.n02:link,
a.n02:visited{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu.gif) -152px 0px no-repeat;
}
a.n02:active,
a.n02:hover{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu_o.gif) -152px 0px no-repeat;
}
a.n03:link,
a.n03:visited{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu.gif) -304px 0px no-repeat;
}
a.n03:active,
a.n03:hover{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu_o.gif) -304px 0px no-repeat;
}
a.n04:link,
a.n04:visited{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu.gif) -456px 0px no-repeat;
}
a.n04:active,
a.n04:hover{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu_o.gif) -456px 0px no-repeat;
}
a.n05:link,
a.n05:visited{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu.gif) -608px 0px no-repeat;
}
a.n05:active,
a.n05:hover{
	width:152px;
	height:33px;
	text-indent:-500em;
	background:#fff url(../images/menu_o.gif) -608px 0px no-repeat;
}
