/*----------------------------------------------------
200112
------------------------------------------------------*/
/*----------------------------------------------------
img_contorol
------------------------------------------------------*/
img.img_left { vertical-align: middle; float: left; padding: 5px 10px 5px 0; }
img.img_right { vertical-align: middle; float: right; padding: 5px 0 5px 10px; }
#imgin { font-size: 8pt; width: 160px; float: left; margin: 10px -10px 5px 20px; display: inline; }
/*-------------------------------------------
rist
-------------------------------------------*/
#alook_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; width: 100%; height: 180px; margin: 0; padding: 0; float: left; border: none; display: inline; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
#alook_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#alook_img #alook_name { color: #fff; text-align: center; background-color: rgba(186,169,143,0.9); font-size: 90%; line-height: 120%; width: 96%; position: absolute; left: 0; bottom: 0; z-index: 888; overflow: hidden; float: left; padding: 3% 2%; display: inline; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
#alook_img #alook_souko { text-align: left; position: absolute; left: 0; top: 0; width: 96%; z-index: 999; overflow: hidden; float: left; padding: 8px 2% 0; display: inline; text-shadow: -1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff; }
#alook_img #alook_comm { font-size: 70%; line-height: 96%; width: 194px; position: absolute; left: 0; top: 0; z-index: 888; overflow: hidden; float: left; padding: 3px 2% 0; display: inline; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; text-shadow: -1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff; }
/*----------------------------------------------------
detail
------------------------------------------------------*/
#d_img { width: 65%; float: left; margin: 0; padding: 0; display: block; }
#d_img img { margin: 0 0 1%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
#d_img ul { width: 100%; margin: 0; padding: 0; display: block; }
#d_img li { width: 49%; height: auto; float: left; margin: 0 1% 1% 0; padding: 0; display: block; }
#d_img li img { width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
#d_text { width: 33%; float: right; margin: 0 0 0 2%; padding: 0; display: block; }
#d_text table { font-size: 80%; width: 100%; }
#d_text td { vertical-align: middle; padding: 5px; }
#d_text .mitext_red { font-size: 17pt; }
#d_text .latext_red { font-size: 20pt; letter-spacing: 0.1em; }
/*----------------------------------------------------
goods
------------------------------------------------------*/
#rist_cart a { color: #d30000; font-size: 30pt; font-weight: bold; background-image: url(../common/cust_img/rist_cart.png); background-repeat: no-repeat; background-attachment: scroll; text-align: left; text-indent: 35px; position: fixed; top: 8px; right: 5%; width: 80px; height: 65px; z-index: 999; margin: 0; padding: 15px 0 0; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; text-shadow: -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff; }
#rist_cart a:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
/*----------------------------------------------------
day
------------------------------------------------------*/
#day { position: relative; width: 95%; overflow: hidden; margin: 0 auto; padding: 0; border-top: 1px dotted #a3a3a3; }
#day h2 { color: #b74616; font-size: 14pt; font-weight: bold; margin: 0 5px 15px 15px; padding: 0 0 5px 15px; border-bottom: 1px solid #b74616; border-left: 8px double #b74616; }
#day p { margin: 0 15px 0 35px; padding: 0; }
#day ul { width: 48%; float: left; margin: 0; padding: 0; border-bottom: 1px dotted #a3a3a3; list-style-type: none; list-style-position: outside; display: block; }
#day li { width: auto; float: left; margin: 0; padding: 0; border: transparent; display: block; }
/*-----------------------------------------
time
-----------------------------------------*/
#time ul { width: 98%; float: left; margin: 0; padding: 0; display: block; }
#time li { width: 15%; float: left; margin: 0 0 1% 1%; padding: 0; display: block; }
#time li h2 { font-size: 110%; text-align: center; height: 50px; margin: 5px 0; padding: 0; }
#time li p { text-align: center; margin: 0; padding: 0; }
#item li { width: 95%; float: left; margin: -50px 0 0 3%; padding: 0; display: block; }
#item_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 80px; height: 80px; float: left; margin: 0; padding: 0; display: block; border: 3px solid #606a9c; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
#item2 ul { width: 100%; float: left; margin: 0; padding: 0; display: block; }
#item2 li { width: 30%; float: left; margin: 0 0 0 3%; padding: 0; display: block; }
@media screen and (max-width: 780px) {
 #time li { width: 31%; margin: 0 0 2% 2%; }
}
/*-------------------------------------------
column
-------------------------------------------*/
#sub_main #colu_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 40%; height: 250px; float: left; margin: 0; padding: 0; display: block; }
#sub_main #colu_text { width: 56%; float: left; padding: 5px 2% 3px; display: block; }
#sub_main #colu_cont { font-size: 90%; text-align: center; background: url(../common/cust_img/colu_cont.png) repeat-x; width: 60%; height: 21px; float: left; margin: -25px 0 0; padding: 25px 0 0; display: block; }
#sub_main #colu_day { font-size: 80%; text-align: right; line-height: 120%; width: 56%; float: left; padding: 5px 2% 3px; display: block; }
#side_navi #colu_login { width: 78%; float: left; margin: 0; padding: 2% 11%; display: block; }
#side_navi #three_culm { width: 29%; float: left; margin: 0; padding: 2%; display: block; }
#side_navi #fours_culm { width: 16%; float: left; margin: 0; padding: 2%; display: block; }
#side_navi #nav_arch ul { width: 86%; float: left; margin: 0 5%; padding: 2%; display: block; }
#side_navi #nav_arch li { line-height: 130%; background: url(../common/cust_img/nav_list.png) no-repeat left top; width: 79%; float: left; margin: 6px 4% 3px; padding: 4px 0 10px 12%; }
#side_navi #nav_arch2 ul { width: 86%; float: left; margin: 0 5%; padding: 2%; display: block; }
#side_navi #nav_arch2 li { line-height: 130%; background: url(../common/cust_img/nav_list2.png) no-repeat left top; width: 79%; float: left; margin: 6px 4% 3px; padding: 4px 0 10px 12%; }
/*----------------------------------------------------
shadowbox_page
------------------------------------------------------*/
#sb_container { font-size: 90%; line-height: 140%; background-repeat: no-repeat; background-attachment: scroll; width: 100%; overflow: hidden; margin: 0; padding: 0 0 30px; display: block; order-right-style: solid; }
#sb_main { width: 66%; float: left; background-color: #f0ede5; margin: 0 2% 5%; padding: 3%; display: block; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; }
#sb_main h1 { font-size: 140%; margin: 20px 15px 20px 0; }
#sb_main h2 { font-size: 110%; margin: 20px 15px 20px 0; }
#sb_main p { font-size: 90%; margin: 10px 15px 0 0; }
#sb_navi { width: 20%; float: right; background-color: rgba(69,48,46,0.7); margin: 0; padding: 2%; display: block; border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; }