@charset "utf-8";

body {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 12px;

	text-align: center;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#header{

	background-color: #333399;

	text-align: right;

	height: 24px;

	padding-top: 3px;

	padding-left: 5px;

}

a{

	color: #333399;

	text-decoration: underline;

}

a:hover{

	color: #FF0000;

	text-decoration: underline;

}

h1{

	font-size:12px;

	line-height:135%;

	letter-spacing: 0.05em;

	font-weight:normal;

	margin:0;

	text-align:left;

	display: inline;

	color: #FFFFFF;

	padding-right: 5px;

}

#upmenu{

	text-align: center;

	height: 45px;

	width: 850px;

	margin-right: auto;

	margin-left: auto;

	font-size: 14px;

	background-image: url(../img/upmeba.jpg);

	background-repeat: repeat;

}

#upmenu a{

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

	padding-right: 11px;

	display: block;

	float: left;

	padding-left: 11px;

	height: 25px;

	padding-top: 15px;

	padding-bottom: 5px;

	background-image: url(../img/upmeba.jpg);

	background-repeat: repeat;

}

#upmenu a:hover{

	color: #FFFF00;

	text-decoration: none;

	font-weight: bold;

	padding-right: 11px;

	display: block;

	float: left;

	padding-left: 11px;

	height: 25px;

	padding-top: 15px;

	padding-bottom: 5px;

	background-image: url(../img/upmeba2.jpg);

	background-repeat: repeat;

}

#logo{

	height: 80px;

	width: 850px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../img/logoimg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#con{

	height: 100%;

	width: 850px;

	line-height: 20px;

	padding-top: 5px;

	padding-bottom: 10px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 10px;

}

#leftcon{

	float: left;

	height: auto;

	width: 103px;

	text-align: left;

	padding-top: 5px;

	padding-right: 5px;

}

.menu{

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	margin-top: 5px;

	margin-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #0066CC;

	font-size: 12px;

	line-height: 15px;

}

.menu a{

	color: #333399;

	text-decoration: none;

}

.menu a:hover{

	color: #FF0000;

	text-decoration: underline;

}



.menutitle{

	color: #FFFFFF;

	background-color: #0066CC;

	text-align: center;

	height: 20px;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

}

.menutitle2{

	color: #FFFFFF;

	background-color: #339999;

	text-align: center;

	height: 60px;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

}



#centercon{

	float: left;

	height: auto;

	width: 595px;

	text-align: left;

	padding-top: 5px;

	padding-left: 8px;

	padding-right: 3px;

}

.topimg{

	height: 300px;

	width: 577px;

	margin-bottom: 2px;

}

.check{

	float: left;

	height: auto;

	width: 570px;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	padding-right: 5px;

	padding-left: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}



#rightcon{

	float: right;

	height: auto;

	width: 130px;

	text-align: left;

	padding-top: 5px;

}

.listbox{

	float: left;

	height: 68px;

	width: 90px;

	border: 1px dotted #666666;

	margin: 3px 0px;

	line-height: 15px;

	font-size: 10px;

	text-align: center;

}

.listbox2{

	float: left;

	height:auto;

	width: 90px;

	border: 1px dotted #666666;

	margin: 0px;

	line-height: 15px;

	font-size: 10px;

	text-align: center;

}

.listbox2 img{

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}









.listbox img{

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.listname{

	color: #FFFFFF;

	background-color: #336699;

	font-size: 12px;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

}

.listname1{

	color: #FFFFFF;

	background-color: #336699;

	padding-left: 8px;

	font-size: 14px;

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

}

.listname2{

	background-color: #C1E0FF;

	padding-left: 8px;

	font-size: 14px;

	text-align: left;

	color: #000033;

	padding-top: 2px;

	padding-bottom: 2px;

}

.listname3{

	color: #663399;

	line-height: 15px;

	padding-left: 5px;

	margin: 5px;

	border: 1px dotted #663399;

	padding-top: 2px;

	padding-bottom: 2px;

	font-size: 12px;

}

.listname4{

	background-color: #E6E6E6;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	margin-right: 10px;

	margin-left: 10px;

	line-height: 15px;

	margin-top: 3px;

	margin-bottom: 3px;

	font-size: 12px;

}







.listtitle{

	color: #FFFFFF;

	background-color: #0066CC;

	text-align: center;

	height: 20px;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

}

#copy{

	text-align: center;

	height: 20px;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 5px;

	color: #FFFFFF;

	background-color: #000066;

}

.goodsbox{

	background-color: #FFFFFF;

	width: 565px;

	height: 260px;

	float: left;

	border-top: 1px solid #003366;

	border-right: 1px solid #003366;

	border-left: 1px solid #003366;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #003366;

}

.pic{

	width: 180px;

	float: left;

	height: 260px;

}

.pic img{

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-right: auto;

	margin-left: auto;

}

.guide{

	float: left;

	text-align: left;

	width: 380px;

	height: 260px;

}

.order{

	float: left;

	text-align: left;

	width: 98px;

	margin-top: 5px;

	margin-right: 3px;

	margin-bottom: 5px;

	margin-left: 3px;

	height: 160px;

}

.cate1{

	color: #FFFFFF;

	background-color: #339966;

	padding-left: 3px;

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

}

.cate2{

	color: #FFFFFF;

	background-color: #996699;

	padding-left: 3px;

	text-align: left;

	padding-top: 2px;

}

.cate3{

	color: #FFFFFF;

	background-color: #CC6633;

	padding-left: 3px;

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

}

.cate4{

	color: #FFFFFF;

	background-color: #0099CC;

	padding-left: 3px;

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

}

.cate5{

	color: #FFFFFF;

	background-color: #999999;

	padding-left: 3px;

	text-align: left;

	padding-top: 2px;

	padding-bottom: 2px;

}

.po1{

	color: #339966;

}

.po2{

	color: #CC6633;

}

.po3{

	color: #0099CC;

}

.po4{

	color: #996699;

}

.po5{

	color: #999999;

} 

.fororder{

	text-align: right;

	padding-right: 5px;

	margin-top: 5px;

}

.mizu{

	color: #FFFFFF;

	background-color: #000066;

	padding: 3px;

}

.profile{

	text-align: left;

	width: 578px;

	float: left;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #003366;

	border-left-color: #003366;

	height: 32px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #003366;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003366;

}

.pf1{

	width: 90px;

	float: left;

	padding: 5px 5px 5px 10px;

	text-align: left;

	display: inline;

	background-color: #E6E6E6;

	height: 22px;

}

.pf2{

	width: 462px;

	float: left;

	text-align: left;

	padding-top: 5px;

	padding-left: 5px;

	height: 25px;

}

.tit{

	font-size: 16px;

	font-weight: bold;

	color: #333399;

	border-left-width: 8px;

	border-left-style: solid;

	border-left-color: #333399;

	padding-left: 5px;

	margin-top: 10px;

	margin-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333399;

}

.tit2{

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	margin-top: 5px;

	background-color: #666666;

	text-align: center;

	margin-bottom: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	width: 573px;

	margin-right: auto;

	margin-left: auto;

}

.ppt{

	font-weight: bold;

	color: #CC0000;

	text-align: left;

	line-height: 20px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	width: 490px;

}



.pt{

	font-weight: bold;

	color: #CC0000;

	font-size: 14px;

	display: inline;

}

.pt2{

	font-size: 14px;

	font-weight: bold;

	color: #3366CC;

	display: inline;

}

.tt3{

	padding-left: 8px;

	line-height: 13px;

	font-size: 10px;

}

.un{

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003366;

}

.point{

	width: 550px;

	margin-top: 3px;

	margin-bottom: 3px;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	border: 1px dotted #CC0000;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

}
.point2{

	width: 550px;

	margin-top: 3px;

	margin-bottom: 3px;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	border: 1px dotted #0000CC;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

}


.topca{

	font-size: 14px;

	line-height: 24px;

	margin-top: 2px;

	margin-bottom: 5px;

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-left: 8px;

	border: 2px dotted #000099;

}

.ca{

	font-size: 16px;

	font-weight: bold;

	color: #000066;

	background-color: #CCCCFF;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #000066;

	border-bottom-color: #000066;

	margin-top: 5px;

	margin-bottom: 5px;

}

.st1{

	text-align: left;

	margin-top: 3px;

	margin-bottom: 3px;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 2px;

	padding-left: 5px;

	font-size: 16px;

	background-color: #999999;

	margin-left: 15px;

	font-weight: bold;

	color: #FFFFFF;

	border-right-width: 20px;

	border-right-style: solid;

	border-right-color: #525252;

}

.st2{

	margin-top: 5px;

	margin-left: 25px;

	margin-bottom: 10px;

}

.st3{

	font-size: 18px;

	font-weight: bold;

	color: #333399;

	border: 5px double #333399;

	margin-top: 10px;

	margin-bottom: 20px;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 20px;

	margin-right: 40px;

	margin-left: 40px;

	line-height: 40px;

}

.st4{

	margin: 5px 20px 20px;

	font-size: 16px;

	font-weight: bold;

	color: #000099;

	text-decoration: underline;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	line-height: 30px;

}

.st5{

	font-size: 36px;

	font-weight: bold;

	color: #336699;

	text-align: center;

	margin-top: 3px;

	margin-bottom: 3px;

}

.st6{

	margin-bottom: 15px;

	margin-left: 10px;

	margin-top: 3px;

	margin-right: 5px;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	border: 1px dotted #9999CC;

	font-size: 12px;

	line-height: 23px;

}

#companyad{

	height: 140px;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #000066;

	background-color: #003399;

}

.cad{

	text-align: left;

	height: 100px;

	width: 650px;

	margin-right: auto;

	margin-left: auto;

	padding: 10px 10px 5px;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 14px;

	line-height: 23px;

	border: 1px solid #336699;

	background-color: #D7EBFF;

}

.fd{

	font-size: 18px;

	font-weight: bold;

	color: #000066;

}

.gn{

	text-align: right;

	display: inline;

	padding-left: 2px;

}

.cate{

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

	padding-top: 10px;

	padding-bottom: 10px;

	background-color: #FFFFD9;

	width: 570px;

	border: 1px solid #001B84;

	margin-right: auto;

	margin-left: auto;

}

.cartba{

	margin-top: 5px;

	padding-top: 5px;

	padding-left: 8px;

	background-color: #FFE8E8;

	padding-bottom: 5px;

}

#undermenu{

	text-align: center;

	height: 20px;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: auto;

	margin-left: auto;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003399;

}

#undermenu a{

	padding-right: 10px;

	padding-left: 5px;

	border-left-width: 5px;

	border-left-style: solid;

	border-left-color: #003399;

}

#undermenu a:hover{

	color: #CC0000;

	text-decoration: underline;

}

.riad{

	border: 1px dotted #006666;

	padding: 3px;

	margin-bottom: 5px;

}

#unorad{

	height: 150px;

	width: 570px;

	margin-top: 10px;

	margin-bottom: 10px;

	border: 3px double #000066;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}