/* ---------------------------
	!ƒx�[ƒX ‹ŒCSS‚©‚çƒRƒs�[
------------------------------*/
body,tr,td,select,input {
	font-size : 13px;
	font-family: 'MS UI Gothic';
	color: #555555;
	line-height: 1.1;
}

body {
	position: relative;
	padding: 0px;
	margin: 0px auto;
	font-size: 12px;
	color: #202020;
	text-align: left;
	line-height:1.3em;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	background-color:#FFFFFF;
}

form { margin:3px 0 5px 0; }
h1, h2, h3 { font-size: 100%; margin: 0px; padding: 0px; }
h1{ margin-left:0px; font-weight:normal; }
img{ vertical-align:bottom; border:none; }
select{ font-size : 13px; font-family: 'MS UI Gothic';}
textarea{ font-size : 15px; }

/* LINK */
a:link {font-size: 13px; color:#555555; text-decoration : none;}
a:visited {font-size: 13px; color:#555555; text-decoration : none;}
a:active {font-size: 13px; color:#333333; text-decoration : none;}
a:hover {font-size: 13px; color:#333333; text-decoration: underline;position : relative;top:1px}

body a:link,
a:visited,
a:active{
	color:#0033CC;
}
body a:hover{
	color:#0033CC; 
	text-decoration:none;
}
html{
	height: 100%;
	margin-bottom: 1px;
	scrollbar-face-color: #E0E0E0;       /* •\–Ê‚Ì�F */
	scrollbar-3dlight-color: #CCCCCC;    /* �¶’[‚Æ�ã’[‚Ì�F */
	scrollbar-darkshadow-color: #CCCCCC; /* ‰E’[‚Ɖº’[ */
	scrollbar-highlight-color: #FFFFFF;  /* ƒnƒCƒ‰ƒCƒg‚Ì�F */
	scrollbar-shadow-color: #999999;     /* ‰e‚Ì�F */
	scrollbar-arrow-color: #E57497;      /* –îˆó‚Ì�F */
}

ul { list-style-type: none; }

/* ---------------------------
	!HEADER
------------------------------*/
#wrap_header {
	margin: 0px;
	padding :0px;
	text-align: center;
}
#wrap_header p,div,img,ul,li{
	margin: 0px;
	padding: 0px;
}
#hnav {
	width: 960px;
	height: 100px;
	margin: 0px auto;
	position: relative;
}
#header_logo {
	position: absolute;
	top: 10px;
	left: 0px;
}
#header_contact {
	position: absolute;
	top: 10px;
	right: 0px;
}
#wrap_gnav {
	width: 100%;
	background: url("../images/global/gnav/bg_gnav.jpg") 0 0 repeat-x;
	border-bottom: solid 2px #000000;
}

#gnav {
	width: 960px;
	margin: 0px auto;
}

ul#gnav_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul#gnav_list li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul#gnav_list li img {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#gnav a,
#gnav a:link,
#gnav a:visited,
#gnav a:active {
	position: static;
}
#gnav a:hover {
	position: static;
}


/* ---------------------------
	!MAIN_IMAGE
------------------------------*/
#wrap_main_image {
	width: 100%;
	height: 371px;
	margin: 0;
	padding :0;
	background: url("../images/global/top/bg_main_image.jpg") 0 0 repeat-x;
	text-align: center;
}
#main_image {
	width: 1492px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url("../images/global/top/bg_main_image_slide.jpg") 0 0 no-repeat;
}
.wrap_slider {
	width: 960px;
	height: 300px;
	margin: 20px auto 0 auto;
	position: relative;
	text-align: center;
}
.slider {
	width: 960px;
	height: 300px;
}
.slider a,
.slider a:link,
.slider a:visited,
.slider a:active {
	position: static;
}
.slider a:hover {
	position: static;
}

#wrap_main_list {
	margin: 0 0 40px 0;
	padding: 0 0 7px 0;
	position: relative;
	background: url("../images/global/top/bg_main_list.jpg") 0 100% repeat-x;
	text-align: center;
}

#main_list {
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#main_list ul {
	list-type: none;
	margin: 0;
	padding: 0;
}
#main_list ul li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#main_list ul li div.btn_area {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 160px;
	left: 100px;
}

/* ---------------------------
	!CONTENTS
------------------------------*/
#wrap_content {
	text-align: center;
}

#wrap_content h1,h2,h3,h4,h5,h6,h7,p,div,img,ul,li{
	margin: 0px;
	padding: 0px;
}

#content {
	width: 960px;
	margin: 20px auto;
	padding: 0px;
	text-align: left;
	color: #666666;
}

#left_column {
	float: left;
	width: 710px;
}

#right_column {
	float: right;
}

.h2_style {
	height: auto;
}

/* About */
.about_box {
	float: left;
	width: 345px;
	height: auto;
	padding-right: 5px;
	border-right: solid 1px #999999;
}
.about_line {
	float: left;
	padding-bottom: 5px;
}
.under_line {
	margin-bottom: 10px;
	border-bottom: dashed 1px #999999;
}
.about_line_image {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border: solid 1px #999999;
}
.about_line_text {
	float: left;
	width: 225px;
	margin: 0;
	padding: 0;
}


/* Information */
.infomation_box {
	width: 710px;
}
.infomation_list {
	border-bottom: solid 1px #CCCCCC;
}
.infomation_list ul {
	list-style-type: none;
}
.infomation_list ul li {
	padding: 8px 10px;
	line-height: 1.5em;
	border-bottom: dashed 1px #CCCCCC;
}
.infomation_list ul li.last {
	padding: 8px 10px;
	line-height: 1.5em;
	border-bottom: none;
}
.infomation_list ul li .date {
	background: url("../images/global/footer/arrow_right_grey_5x6.gif") left no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}


#content a,
#content a:link,
#content a:visited,
#content a:active {
	color: #666666;
	margin: 0px;
	padding: 0px;
	position: static;
}
#content a:hover {
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
	position: static;
}
#content a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/* Side Menu */
.side_menu {
	width: 225px;
	background-color: #555555;
}
.side_social {
	width: 225px;
	background-color: #FFFFFF;
	border: solid 1px #D6DAE2;
}

.contact_box {
	width: 225px;
}
.contact_menu {
	background-color: #555555;
	color: #FFFFFF;
}

.btm_line {
	border-bottom: solid 1px #CCCCCC;
}

.mb20 { margin-bottom: 20px !important; }

.product_list .line01 { width: 232px; }
.product_list .line01 .product_box {
	padding: 0px 10px 0px 0px;
	border-right: solid 1px #CCCCCC;
}
.product_list .line02 { width: 242px; }
.product_list .line02 .product_box {
	border-right: solid 1px #CCCCCC;
	padding: 0px 10px 0px 10px;
}
.product_list .line03 { width: 232px; }
.product_list .line03 .product_box {
	padding: 0px 0px 0px 10px;
}

.product_img {
	margin-bottom:5px;
}
.product_title {
	padding: 5px 0px;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 5px;
}
.product_text {
	font-size: 12px;
	margin-bottom:5px;
}





/* ---------------------------
	!FOOTER
------------------------------*/
#wrap_footer {
	margin: 0px;
	padding :0px;
	border-top: solid 1px #7F5D32;
	font-size: 10px;
	line-height: 1.5em;
}
#wrap_footer p,div,img,ul,li{
	margin: 0px;
	padding: 0px;
}

/* ---------------------------
	!ABOUT
------------------------------*/
#footer_about_bg {
	width: 100%;
	border-top: double 1px #000000;
	border-bottom: solid 2px #000000;
	background-color: #EEEEEE;
	text-align: center;
	padding: 25px 0px;
}
#footer_about {
	width: 960px;
	margin: 0px auto;
	background-color: #EEEEEE;
}
#footer_about .wrap_line {
	float: left;
	width: 50%;
	height: auto;
}
#footer_about .line {
	text-align: left;
	color: #555555;
}

#footer_about .txt_area {
	width: 450px;
	margin: 10px;
	font-size: 10px;
	color: #555555;
}
#footer_about .txt_area p {
	line-height: 1.5em;
}
#footer_about table {
	width: 100%;
	background-color: #EEEEEE;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: solid 1px #555555;
	border-left: solid 1px #555555;
}
#footer_about table th {
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	color: #555555;
	border-right: solid 1px #555555;
	border-bottom: solid 1px #555555;
	padding: 3px 6px;
}
#footer_about table td {
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	color: #555555;
	border-right: solid 1px #555555;
	border-bottom: solid 1px #555555;
	padding: 3px 6px;
}
#footer_about a img,
#footer_about a img:link,
#footer_about a img:visited {
	border: solid 1px #EEEEEE;
}
#footer_about a img:hover {
	border: solid 1px #FFCC00;
}

/* ---------------------------
	!LINK
------------------------------*/
#footer_link_bg {
	background-color: #FFFFFF;
	text-align: center;
}
#footer_link {
	margin: 0px auto;
	width: 960px;
	text-align: left;
}
#footer_link a,
#footer_link a:link,
#footer_link a:visited {
	padding-bottom:1px;
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}
#footer_link a:hover {
	padding-bottom:1px;
	text-decoration:underline;
	color: #666666;
	font-size: 10px;
}
ul.menu_list {
	list-style-type: none;
	margin: 5px 0;
}
ul.menu_list li {
	display: inline;
	padding-left: 10px;
	margin-left: 10px;
	border-left: solid 1px #666666;
}
ul.menu_list li.first {
	display: inline;
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
}
ul.link_list {
	list-style-type: none;
}
ul.link_list li {
	background: url("../images/global/footer/arrow_right_grey_5x6.gif") left no-repeat;
	padding-left: 10px;
	line-height: 1.5em;
}

/* ---------------------------
	!COPYRIGHT
------------------------------*/
#footer_copyright_bg {
	background-color: #000000;
	height: 20px;
	text-align: center;
}
#footer_copyright {
	margin: 0px auto;
	width: 960px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #CCCCCC;
}

/* ---------------------------
	!CLASS
------------------------------*/
.txt_ac { text-align: center !important; }
.txt_al { text-align: left !important; }
.txt_ar { text-align: right !important; }
.txt_sblue { color: #59C6E3 !important; }
.txt_yellow { color: #FFCC00 !important; }
.txt_brown { color: #6C4B23 !important; }
.txt_ind { margin-left: 1.5em !important; }
.txt_sign { text-indent: -1.5em !important; }
.txt_sign span.sign { padding-right: 0.5em;}
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt10 { margin-top: 10px !important; }
.mr15 { margin-right: 15px !important; }
.ml1 { margin-left: 1px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.pd0 { padding: 0px !important; }
.pd1 { padding: 1px !important; }
.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.txt10 { font-size: 10px !important; }
.txt11 { font-size: 12px !important; }
.fsb { font-weight: bold !important; }
.fll { float: left !important; }
.flr { float: right !important; }
.dspi { display: inline !important; }
.w140 { width: 140px !important; }
.w145 { width: 145px !important; }
.w150 { width: 150px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w350 { width: 350px !important; }
.w30per { width: 30% !important; }
.w50per { width: 50% !important; }
.bdr_white { border: solid 1px #FFFFFF; padding: 5px; }
.bdr_bottom_grey { border-bottom: solid 1px #CCCCCC; padding: 5px; }
.bdr_bottom_grey_dashed { border-bottom: dashed 1px #CCCCCC; }
.bdr_left_grey { border-left: solid 1px #CCCCCC; padding: 5px; }
.bg_white { background-color: #FFFFFF; padding: 5px; }
.bg_yellow { background-color: #FFCC00;}
.list_type_none { list-style-type: none; }
a.m_over:hover img { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }


/* ---------------------------
	!CLEARFIX
------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}