/* CSS Document */
/*----- 基本設定 -----*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-family: 'MS UI Gothic', Osaka, sans-serif;
}

body {
    margin: 0px;
    padding: 0px;
	background:url(../img/bg1.jpg) top repeat-x #F8FAFA;
    font-size: 14px;
    color: #3B3B3B;
	text-align: center;
}

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

.floatend {
    clear:both;
}

a:link {
	color: #3B3B3B;
	text-decoration:underline;
}

a:visited {
	color: #3B3B3B;
	text-decoration:underline;
}

a:hover {
	color: #3B3B3B;
	text-decoration:none;
}

strong{
	color:#339933;
}

em{
	color:#FF6600;
	font-style:normal;
	font-size: 18px;
	font-weight:bold;
}

/*-------------ロールオーバー設定--------------*/
.imgover {}

/*-------------hedder1,hedder2--------------*/
#hedder1{
	width:900px;
	height:21px;
	margin: auto;
	padding-top:19px;
	padding-bottom:3px;
}
#hedder1 dt{
	width:674px;
	text-align:left;
	float: left;
}
#hedder1 dd{
	width:226px;
	float:right;
	text-align:right;
}
#hedder1 dd ul li{
	float:left;
	list-style: none;
}

#hedder2{
	width:900px;
	margin: auto;
	text-align:left;
}
#hedder2_1{
	width:900px;
	height: 71px;
	margin: auto;
	text-align:left;
	background: url(../img/top_bg1.jpg) right bottom no-repeat;
}

#hedder2_2{
	width:900px;
	height: 71px;
	margin: auto;
	text-align:left;
}

h1{
	font-size:10px;
	font-weight:normal;
	color: #8BACAC;
	float: left;
}

#breadcrumbsList {
	padding: 17px 0px 0px 14px;
	margin: 0px auto 0px auto;
	font-size: 10px;
	background: url(../img/home.gif) left bottom no-repeat;
}

/*-------------main--------------*/
#main{
	background:url(../img/bg3.jpg) top repeat-y;
	width:964px;
	margin: auto;
}

#main_in{
	background:url(../img/bg2.jpg) top no-repeat;
	width:964px;
	margin: auto;
	
}

/*-------------right_con--------------*/
#right_con{
	width:670px;
	padding-right: 32px;
	float: right;
}

/*-------------banner--------------*/
#banner li{
	padding-bottom: 10px;
}

/*-------------left_con--------------*/

#left_con{
	width:200px;
	padding-left: 32px;
	float: left;
}

#left_con ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left_con dl {
	width: 200px;
	text-align:center;
	margin: 0 0 0px;
}

.menu_con{
	background:url(../img/menu_bg.jpg) repeat-y;
}

.menu_headder {
	width: 200px;
	text-align:center;
	background:url(../img/headder_menu.jpg) top no-repeat;
	margin: 0px 0 0px;
	padding-top:5px;
}

.menu_headder2 {
	width: 200px;
	text-align:center;
	background:url(../img/headder_menu2.jpg) top no-repeat;
	margin: 0px 0 0px;
	padding-top:15px;
}

.menu_footer{
	width: 200px;
	text-align:center;
	background:url(../img/footer_menu.jpg) bottom no-repeat;
	margin: 0px 0px 0px 0px;

}

#left_con a {
	display: block;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: normal;
}

#left_con #nav_production li { padding: 0;}


.cate1,
.cate2,
.cate3 { padding: 0px 5px 5px;}

.cate1_2
{ padding: 0px 5px 0px;}

.cate1 li,
.cate2 li,
.cate3 li { text-align:left; 	padding-top: 0px;}

.cate1 a{
	width: auto!important;
	width: 190px;
	min-width: 172px;
	height: auto!important;
	height: 30px;
	min-height: 22px;
	padding: 8px 0px 0px 18px;
	font-size:13px;

}
.cate2 a {
	width: auto!important;
	width: 190px;
	min-width: 160px;
	height: auto!important;
	height: 43px;
	min-height:37px;
	padding: 6px 0px 0px 30px;
	font-size:13px;
}
.cate3 a{
	width: auto!important;
	width: 190px;
	min-width: 172px;
	height: auto!important;
	height: 30px;
	min-height: 22px;
	padding: 8px 0px 0px 7px;
	font-size:13px;

}

.cate1 a{ color: #3B3B3B; background: url(../img/nav_bg1_1.jpg) no-repeat; text-decoration:underline;}	
.cate1 a:hover { color: #006EA1; background-position: -190px 0; text-decoration:underline;}

.cate2 a { color: #3B3B3B; background: url(../img/nav_bg2_1.jpg) no-repeat; text-decoration:underline;}
.cate2 a:hover { color: #630202; background-position: -190px 0; text-decoration:underline;}

.cate3 a { color: #3B3B3B; background: url(../img/nav_bg3_1.jpg) no-repeat; text-decoration:underline;}
.cate3 a:hover { color: #FFFFFF; background-position: -190px 0; text-decoration:underline;}

.cate1 .nav_l a{
	width: auto!important;
	width: 190px;
	min-width: 160px;
	height: auto!important;
	height: 43px;
	min-height:37px;
	padding: 6px 0px 0px 18px;
	font-size:13px;
	background: url(../img/nav_bg1_2.jpg) no-repeat;
}

.cate2 #rank1 a,
.cate2 #rank2 a,
.cate2 #rank3 a,
.cate2 #rank4 a,
.cate2 #rank5 a{
	width: auto!important;
	width: 190px;
	min-width: 160px;
	height: auto!important;
	height: 30px;
	min-height: 22px;
	padding: 8px 0px 0px 30px;
	font-size:13px;
}
.cate2 #rank1 a{
	background: url(../img/nav_bg2_2.jpg) no-repeat;
}
.cate2 #rank2 a{
	background: url(../img/nav_bg2_3.jpg) no-repeat;
}
.cate2 #rank3 a{
	background: url(../img/nav_bg2_4.jpg) no-repeat;
}
.cate2 #rank4 a{
	background: url(../img/nav_bg2_5.jpg) no-repeat;
}
.cate2 #rank5 a{
	background: url(../img/nav_bg2_6.jpg) no-repeat;
}

.cate3 .nav_l a{
	width: auto!important;
	width: 190px;
	min-width: 160px;
	height: auto!important;
	height: 43px;
	min-height:37px;
	padding: 6px 0px 0px 7px;
	font-size:13px;
	background: url(../img/nav_bg3_2.jpg) no-repeat;
}


.cate1 .nav_l a:hover,
.cate2 .nav_l a:hover,
.cate2 #rank1 a:hover,
.cate2 #rank2 a:hover,
.cate2 #rank3 a:hover,
.cate2 #rank4 a:hover,
.cate2 #rank5 a:hover,
.cate3 .nav_l a:hover  { background-position: -190px 0;}

/*-------------footer--------------*/
#footer{
	width:900px;
	background:url(../img/footer_line.gif) top repeat-x;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:20px;
}
#footer dt{
	width:760px;
	text-align:left;
	float: left;
	font-size:12px;
	padding-top:20px;
}
#footer dd{
	width:140px;
	float:right;
	text-align:right;
}

/*------------------------------
ページ間共通設定
-------------------------------*/

.container{
	width:630px;
	margin: auto;
	text-align:center;
}

.container2{
	width:606px;
	background:url(../img/bg_con1_2.jpg) top repeat-y;
	border-bottom: 1px solid #D0CFC5;
	text-align:center;
	margin: 0px auto 20px auto;
}

.container3{
	width:579px;
	text-align:left;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
}

/*-------------text--------------*/
.text1{
	line-height: 150%;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #CCCCCC;
	letter-spacing: .1em;
	word-spacing: .1em;
}
.text2{
	line-height: 150%;
	letter-spacing: .1em;
	word-spacing: .1em;
}
.text3{
	line-height: 150%;
	margin-top:10px;
	padding-top:10px;
	border-top:dotted 1px #CCCCCC;
	letter-spacing: .1em;
	word-spacing: .1em;
}
.text5{
	line-height: 150%;
	margin-bottom:10px;
	padding-bottom:10px;
	letter-spacing: .1em;
	word-spacing: .1em;
}
.text6{
	line-height: 150%;
	margin-top:10px;
	padding-top:10px;
	letter-spacing: .1em;
	word-spacing: .1em;
}
.text7{
	font-size: 20px;
	font-weight:bold;
	padding-left: 20px;
	letter-spacing: .1em;
	word-spacing: .1em;
}

.text8{
	font-size: 20px;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 15px;
	letter-spacing: .1em;
	word-spacing: .1em;
}

.drop1,.drop2,.drop3{
    font-size:38px;
    float: left;
    padding-top:10px;
    padding-bottom:3px;
    padding-right:5px;
}
.drop1{ color: #006EA1;}
.drop2{ color: #840F1A;}
.drop3{ color: #3B3B3B;}

.float_right{
    float: right;
}
/*-------------con1_1--------------*/
#con1_1,#con2_1,#con3_1{
	width:670px;
	background:url(../img/bg_con1_1.jpg) top repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#con4_1{
	width:670px;
	background:url(../img/bg_con4_1.jpg) top repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#con6_1{
	width:670px;
	background:url(../img/bg_con6_1.jpg) top repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#con1_1 h2{
	background:url(../img/title_con1_2.jpg) top no-repeat;
	font-size:18px;
	color:#006EA1;
	text-align:left;
	padding: 12px 0px 0px 55px;
	margin: 0px auto 5px auto;
	height: auto!important;
	height:46px;
	min-height:34px;
}

#con1_1 h3{
	background:url(../img/title_con1_3.jpg) top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0px 0px 50px;
	margin: 0px auto 0px auto;
	height: auto!important;
	height:37px;
	min-height:27px;
}

/*-------------con2_1--------------*/
#con2_1 h2{
	background:url(../img/title_con2_2.jpg) top no-repeat;
	font-size:18px;
	color:#006EA1;
	text-align:left;
	padding: 12px 0px 0px 55px;
	margin: 0px auto 5px auto;
	height: auto!important;
	height:46px;
	min-height:34px;
}

#con2_1 h3{
	background:url(../img/title_con2_3.jpg) top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0px 0px 50px;
	margin: 0px auto 0px auto;
	height: auto!important;
	height:37px;
	min-height:27px;
}

/*-------------con3_1--------------*/
#con3_1 h2{
	background:url(../img/title_con3_2.jpg) top no-repeat;
	font-size:18px;
	color:#006EA1;
	text-align:left;
	padding: 12px 0px 0px 55px;
	margin: 0px auto 5px auto;
	height: auto!important;
	height:46px;
	min-height:34px;
}

#con3_1 h3{
	background:url(../img/title_con3_3.jpg) top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0px 0px 50px;
	margin: 0px auto 0px auto;
	height: auto!important;
	height:37px;
	min-height:27px;
}

/*-------------con4_1--------------*/
#con4_1 h2{
	background:url(../img/title_con4_2.jpg) top no-repeat;
	font-size:18px;
	color:#840F1A;
	text-align:left;
	padding: 12px 0px 0px 55px;
	margin: 0px auto 5px auto;
	height: auto!important;
	height:46px;
	min-height:34px;
}

#con4_1 h3{
	background:url(../img/title_con4_3.jpg) top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0px 0px 50px;
	margin: 0px auto 0px auto;
	height: auto!important;
	height:37px;
	min-height:27px;
}

/*-------------con5_1--------------*/
#con5_1 h2{
	background:url(../img/title_con5_2.jpg) top no-repeat;
	font-size:18px;
	color:#006EA1;
	text-align:left;
	padding: 12px 0px 0px 55px;
	margin: 0px auto 5px auto;
	height: auto!important;
	height:46px;
	min-height:34px;
}

#con5_1 h3{
	background:url(../img/title_con5_3.jpg) top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0px 0px 50px;
	margin: 0px auto 0px auto;
	height: auto!important;
	height:37px;
	min-height:27px;
}
/*-------------con6_1--------------*/
#con6_1 h2{
	background:url(../img/title_con6_2.jpg) top no-repeat;
	font-size:18px;
	color:#3B3B3B;
	text-align:left;
	padding: 12px 0px 0px 55px;
	margin: 0px auto 5px auto;
	height: auto!important;
	height:46px;
	min-height:34px;
}

#con6_1 h3{
	background:url(../img/title_con6_3.jpg) top no-repeat;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0px 0px 50px;
	margin: 0px auto 0px auto;
	height: auto!important;
	height:37px;
	min-height:27px;
}