@charset "shift_jis";

/* ----------------------------------------------------------------------------------------------------

	reset

---------------------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,p,blockquote{
	margin:0;padding:0;
}

ul li,ol li { list-style:none; } 
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
a img{border:none;}


    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
	
	
body{
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	-webkit-text-size-adjust: none;
	font-family: Lato, Meiryo, "メイリオ", 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	height: 100%;
	background-color: #FFFFFF;
	color: #333333;
}
td{
	font-size: 13px;
}

th{
}

a:link {
	color: #666699;
	text-decoration: none;
}
a:visited {
	color: #666699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF9933;
}

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


/*smooth shop*/
.page{
	border: solid 0px #666666;
	padding:0px;
	height: auto;
	width: 100%;
	text-align: center;
	margin: 0;
}
.index_left{
	width: 250px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-top: 0px;
}
.main{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.main_table {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 60px;
}
.index_right{
	width: 0px;
}
.navi{
	margin:0px;
	border: 0px;
	text-align: right;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	padding: 0px;
}
.navi a{
	color: #FFF;
	text-decoration:none;
	font-size: 0px;
	line-height: 0px;
}
.next_navi{
	text-align:right;
}
.page_count_view{
	text-align: right;
	margin-right:0px;
}
.page_title h1{
	font-size:0px;
	border: solid 0px #cccccc;
	width:100%;
	padding:0px;
	text-align: center;
	line-height: 0em;
	color: #FFF;
	margin: 0px;
}
.error{
	color:#ff6666;
}
.page_top{
	text-align: center;
	margin: 0px;
	width: 100%;
	padding: 0px;
	height: 144px;
	z-index: 100;
}
.main_top,.main_bottom{
	text-align: center;
	padding: 0px;
	border: solid 0px #666699;
	margin: 0px;
}
.page_bottom{
	text-align: center;
	border: solid 0px #666699;
	background-color: #333333;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	height: auto;
	color: #FFFFFF;
	margin-top: 0px;
	width: 100%;
}
.page_bottom a:link,.page_bottom a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.page_bottom a:hover {
	text-decoration: none;
	color: #f2f2f2;
}
.index_top{
    margin:0px;
	padding:0px;
	border:0px;
}
.index_middle,.index_bottom,.index_r_top,.index_r_bottom{
    margin:0px;
	padding:0px;
	border:0px;
}
.login_view,.search_view,.cart_view{
	margin:0px;
	padding:0px;
	border:0px;
}
.cart_view_each{
	margin-top:10px;
	margin-bottom:0px;
}
.sales_view{
	margin:0px;
	padding: 0px;
	border: solid 0px #FF6666;
}
.sales_view_each{
	margin-top:10px;
	margin-bottom:0px;
}
.sales_view_each img{
	width:90px;
}
.recommend_view{
	margin:0px;
	padding: 0px;
	border: solid 0px #FF6666;
}
.recommend_view_each{
	margin-top:10px;
	margin-bottom:0px;
}
.recommend_view_each img{
	width:90px;
}
.page_index_view{
	margin:0px;
	padding: 0px;
	border: solid 0px #FF6666;
}
.category_all{
	margin:0px;
	padding: 0px;
	border: solid 0px #FF6666;
}
.category1{
	margin-bottom: 20px;
}
.category_name1{
	margin-top:0px;
	padding-left:0px;
	border-bottom: solid 0px #666699;
	border-left: solid 10px #666699;

}
.category_name2{
	padding-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	border-bottom: dotted 0px #666699;
	background-image: url(/list.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.category_name3{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	padding-left:10px;
	border-bottom: dotted 0px #FF6666;
	background-image: url(/list.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.category_name4{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	padding-left:10px;
	border-bottom: dotted 0px #666666;
	background-image: url(/list.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.category_name5{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:30px;
	padding-left:10px;
	border-bottom: dotted 0px #CCCCCC;
	background-image: url(/list.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.each_item_name{
	color: #552B00;
	background-color: #DBDBDB;
	padding:0px;
	padding-left:0px;
}
.each_item_img_subtitle img{
	float: left;
	width: 70px;
	margin-right:10px;
}
.each_item_button{
	text-align: right;
	padding-right: 0px;
}
.item_caption{
	line-height: 130%;
}
.item_caption h1{
	font-size: 12px;
	width: 100%;	
	background-color: #FFD5AA;
	padding-left: 0px;
	margin-bottom: 0px;
}
.item_caption img{
	float: right;
	width: 150px;
	border: solid 0px #666666;
}
.clear {
clear: both;
}
.item_view{
	padding:0px;
	border-bottom: dotted 0px #666666;
	margin-bottom: 10px;
}
.item_page_item_code{
	padding: 0px;
}
.item_view_detail h1{
	font-size: 14px;
	width: 100%;	
	background-color: #FFD5AA;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.item_page_img_navi,
.item_page_sub_title,
.item_page_caption{
	padding: 0px;
}
.cart_login_view,.cart_nologin_view{
	border: solid 0px #CCCCCC;
	padding: 10px;
	margin-bottom: 20px;
}
.cart table{
	background-color: #CCCCCC;
}
.cart th{
	background-color: #FFD5AA;
}

.cart td{
	background-color: #FFFFFF;
}
.senddata_koumoku{
	width: 100px;
}
.select_value{
	font-weight: bold;
}
.select_caption{
	padding: 10px;
	padding-left: 20px;
}
.page_index_name1,
.page_index_name2,
.page_index_name3,
.page_index_name4,
.page_index_name5{
	margin:0px;
	padding-left:10px;
	background-image: url(/list.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.page_index_name2{
    margin-left:10px;
}
.page_index_name3{
	margin-left:20px;
}
.page_index_name4{
	margin-left:30px;
}
.page_index_name5{
	margin-left:40px;
}
.page .main .cart .senddatatable th,.page .main .cart .anqtable th{
	font-weight: normal;
	background-color: #f2f2f2;
	line-height: 1.4em;
	padding-top: 4px;
	height: 20px;
}

/*width*/
.wid1em{width:1em;}
.wid2em{width:2em;}
.wid3em{width:3em;}
.wid4em{width:4em;}
.wid5em{width:5em;}
.wid6em{width:6em;}
.wid7em{width:7em;}
.wid8em{width:8em;}
.wid9em{width:9em;}
.wid10em{width:10em;}

/*height*/
.hit1{height:1px;}
.hei2{height:2px;}
.hei3{height:3px;}
.hei4{height:4px;}
.hei5{height:5px;}
.hei10{height:10px;}
.hei12{height:12px;}
.hei15{height:15px;}
.hei20{height:20px;}
.hei24{height:24px;}
.hei25{height:25px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei1em{height:1em;}
.hei2em{height:2em;}
.hei3em{height:3em;}

/*margin*/
.mg-btm-0{margin-bottom:0em;}
.mg-btm-05{margin-bottom:0.5em;}
.mg-btm-1{margin-bottom:1em;}
.mg-btm-2{margin-bottom:2em;}
.mg-btm-3{margin-bottom:3em;}
.mg-btm-60 {
	margin-bottom: 60px;
}

.mg-top-1{margin-top:1em;}
.mg-top-2{margin-top:2em;}
.mg-top-3{margin-top:3em;}
.mg-left-1{margin-left:1em;}
.mg-left-2{margin-left:2em;}
.mg-left-3{margin-left:3em;}
.mg-right-1{margin-right:1em;}
.mg-right-2{margin-right:2em;}
.mg-right-3{margin-right:3em;}

/* txt size */
.txt9{font-size: 9px;}
.txt10{font-size: 10px;}
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt13{font-size: 13px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15px;}
.txt16{font-size: 16px;}
.txt17{font-size: 17px;}
.txt18{font-size: 18px;}
.txt19{font-size: 19px;}
.txt20{font-size: 20px;}
.txt21{font-size: 21px;}
.txt22{font-size: 22px;}
.txt23{font-size: 23px;}
.txt24{font-size: 24px;}
.txt25{font-size: 25px;}
.txt28{font-size: 28px;}
.txt36{font-size: 36px;}
.txt48{font-size: 48px;}

/*txt style*/
.txt-red{color: #F00;}
.txt-white{color: #fff;}
.txt-blue{
	color: #006699;
}
.txt-grey9{color: #999;}
.txt-grey6{color: #666;}
.txt-grey3{color: #333;}
.txt-ccc{color: #ccc;}
.txt-ddd{color: #ddd;}

.ind0 {text-indent: 0em;}
.ind1 {text-indent: 1em;}
.ind2 {text-indent: 2em;}
.ind3 {text-indent: 3em;}



/*img float*/
.img-float-right {
	float: right; margin-bottom: 1em;
	 margin-left: 1em;}
.img-float-left {
	float: right; margin-bottom: 1em;
	 margin-left: 1em;}
	 
	 
.caution p{
	padding-left:1em;
	text-indent:-1em;
}

/*img rollover alpha*/
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/*pagetop float*/
#pagetop {
	position: fixed;
	bottom: 50px;
	right: 50px;
}

#pagetop a:hover {
	  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/*youtube sp*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*micro clearfix*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


#mainArea {
	width: 100%;
	height: auto;
	text-align: center;
	background-position: right 20px;
	background-color: #ffffff;
	padding: 30px 0 40px;
}
.gm100 {
	width: 2px;
	height: 44px;
	background-image: url(imgnew/gmsp.png);
	background-repeat: no-repeat;
	background-position: left;
}



#cc01 {
	width: 100%;
	height: auto;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 32px;
}



.lh90 {line-height: 90%;}
.lh100 {line-height: 100%;}
.lh180 {line-height: 180%;}


#container{
	height: 506px;
	width: 100%;
	z-index: 1;
}

#container:after {
	content: ".";
	display: block;
	clear: both;
	height: 506px;
	max-height: 0;
	visibility: hidden;
}


/*-------------------------scale up------------------------*/
.scale_up {
	width: 300px;
	height: 200px;
	border: 0;
	overflow: hidden;
	position: relative;
}
.scale_up img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up img:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}
/*-------------------------//scale up------------------------*/

.date {
	color: #666;
}

.footline {
	background-image:url(image4/footline.png);
	background-repeat:repeat-y;
	background-position:center;
	width:31px;
	height:auto;
}


#Nav {
	text-align: center;
	height: 50px;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}




#cc01txt {
	width: 654px;
	padding: 18px 0 0 36px;
	background-image:url(http://smooth-shop.info/id/mydo/http://utjapan.jp/image/cc1bg2.png);
	background-repeat: no-repeat;
	background-position:right;
	background-size:contain;
	font-size: 14px;
	line-height:160%;
	text-align:left;
	
}

/* ----------------------------------------------------------------------------------------------------

	Drop Down Menu

---------------------------------------------------------------------------------------------------- */

#globalNav {
	width: 960px;
	margin: 0;
	text-align: center;
	background-color:#FFFFFF;

}
#globalNav ul li {
	margin: 0px;
	float: left;
	position: relative;
	line-height: 44px;
}
#globalNav ul li ul {
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
}
#globalNav ul li ul li {
	float: none;
	font-size: 14px;
	line-height: 0;
}
#globalNav ul li ul li a {
	display: block;
	color: #ffffff;
	padding: 10px 5px;
	line-height: normal;
	border-top: 1px solid #F4F4EA;
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
	background-color: #3F3F3F;
}
#globalNav ul li ul li a:hover {
	color: #f2f2f2;
	background-color: #595959;
}



.gm1 {
	width: 136px;
	display: block;

}
#globalNav ul .gm1 ul .gm1-1 {
	width: 136px;
	z-index: 1000;
}

.gm2 {
	width: 152px;
	display: block;

}

#globalNav ul .gm2 ul .gm2-1 {
	width: 152px;
	z-index: 1000;
}

.gm3 {
	width: 152px;
	display: block;

}

#globalNav ul .gm3 ul .gm3-1 {
	width: 152px;
	z-index: 1000;
}

.gm4 {
	width: 152px;
	display: block;

}

#globalNav ul .gm4 ul .gm4-1 {
	width: 152px;
	z-index: 1000;
}

.gm5 {
	width: 152px;
	display: block;

}

#globalNav ul .gm5 ul .gm5-1 {
	width: 152px;
	z-index: 1000;
}

.gm6 {
	width: 152px;
	display: block;

}

.gm7 {
	width: 64px;
	display: block;

}






.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#gnav {
	background-color: #005BAB;
	height: 44px;
	width: 100%;
	text-align: center;
	z-index: 1000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#globalNav{
	width:960px;
	height: 44px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#gnav #globalNav ul .gm1 a:hover,#gnav #globalNav ul .gm2 a:hover,#gnav #globalNav ul .gm3 a:hover,#gnav #globalNav ul .gm4 a:hover,#gnav #globalNav ul .gm5 a:hover,#gnav #globalNav ul .gm6 a:hover,#gnav #globalNav ul .gm7 a:hover, {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}



.topnews1 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	text-align: left;
}

.topnews2 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #F0FAFD;
	text-align: left;
}

.line{
	background-image: url(imgnew/line.png);
	background-repeat: repeat-x;
	background-position: left center;
	height: 17px;
}
#head01{
	background-image:url(http://smooth-shop.info/id/mydo/http://utjapan.jp/image/01-head.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	text-align:center;
	height:130px;
	width:100%;
	margin-bottom:40px;
}
#cc02 {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 58px;
	padding-bottom: 58px;
	background-size:cover;
	margin-top: 30px;
	background-color: #E4EEEF;
	background-image: url(imgnew/cc01bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.line2 {
	background-image: url(http://smooth-shop.info/id/mydo/http://utjapan.jp/image/border_t.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 50px;
}
#cc03 {
	background-image: url(http://utjapan.jp/image/cc03bgr.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height: 270px;
	width: 100%;
}
#cc04 {
	width: 100%;
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 60px;
}

.inq .cart form .senddatatable tr th {
	font-size: 15px;
	line-height: 220%;
}
.inq .cart form .senddatatable tr .senddata_koumoku {
	font-size: 13px;
	line-height: 180%;
	width: 170px;
}

.inq .cart form .anqtable tr .senddata_koumoku {
	font-size: 13px;
	line-height: 180%;
	width: 170px;
}
#cc05 {
	padding-top: 30px;
	padding-bottom: 30px;
}
#gMenu {
	background-color: #005BAB;
	height: 44px;
	width: 100%;
	text-align: center;
}
.line21 {
	background-image: url(http://utjapan.jp/image/line12.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.mainuchi {
	background-image: url(imgnew/mainimg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.title {
	background-image: url(imgnew/tibg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height: 200px;
	width: 100%;
	text-align: center;
}