@charset "UTF-8";

/*   

*/


/* INITIAL
-------------------------------------------------------------------------------*/
* {word-break:break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

html{margin:0; padding:0; overflow-y:scroll;}
body{background:#FFF; margin:0; padding:0; font:13px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#555; text-align:center;}
body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding: 0; border:0; outline:0; font-size:1em; font-weight:normal; background:transparent;}
article,section,nav,header,footer,hgroup,time{display:block;}

ul,ol{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
img{vertical-align:top; font-size:0; line-height:0; border:none;}
 
a,a:link,a:visited{color:#222; outline:none; text-decoration:none;}
a:hover,a:active{color:#888; outline:none; text-decoration:none;}

.f-small{font-size:84%;}
.f-large{font-size:115%;}
.f-strong{font-weight:bold;}

.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden;}  
.clearfix:after {clear: both;}  
.clearfix {zoom: 1;}

.divLinkbox{cursor:pointer;}
.divLinkbox p.none{display:none; overflow:hidden;} 


/* CONTENT
-------------------------------------------------------------------------------*/

.wrap{position:relative; width:950px; margin:0 auto 40px; text-align:left; overflow:hidden; zoom:1;}
.contentbody{position:relative; float:right; width:720px; padding:38px 0 40px;}
.contentbody.width-full{float:none; width:950px;}

div#modalMask{position:absolute; top:0; left:0; z-index:999; display:none; background:#000;}


/* HEADER
-------------------------------------------------------------------------------*/

header#global-header{position:relative; width:100%; height:130px; background-repeat:repeat-x; background-position:0 0;}
header#global-header .inner{position:relative; width:950px; height:85px; margin:0 auto; text-align:left;}
header#global-header .inner h1{position:absolute; top:25px; left:0; width:270px; height:30px; display:block;}
header#global-header .inner h1 a{background:url(../img/header/logo.png) no-repeat; width:270px; height:30px; display:block; text-indent:-9999px; overflow:hidden;}

header#global-header .inner #site-tabs{position:absolute; top:25px; right:0; width:195px; height:60px; overflow:hidden; zoom:1;}
header#global-header .inner #site-tabs li{width:95px; height:60px; display:block; overflow:hidden; bakcground-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
header#global-header .inner #site-tabs li.tab0{float:left;}
header#global-header .inner #site-tabs li.tab1{float:right;}

header#global-header .inner #site-uti{position:absolute; bottom:28px; right:200px; width:400px; height:30px; overflow:hidden; zoom:1;}
header#global-header .inner #site-uti li{float:right; height:30px; line-height:30px; font-size:85%;}
header#global-header .inner #site-uti li a{color:#222;}
header#global-header .inner #site-uti li a:hover{color:#888;}
header#global-header .inner #site-uti li.li0{background:url(../img/header/icon_contact.gif) no-repeat 0 6px; padding:0 0 0 20px;}
header#global-header .inner #site-uti li.li1{background:url(../img/header/icon_firsttime.gif) no-repeat 0 6px; padding:0 15px 0 15px;}

header#global-header .inner #logstatus{position:absolute; bottom:1px; right:200px; height:27px; background:url(../img/header/bg_logstatus_hd.gif) no-repeat;}
header#global-header .inner #logstatus p{height:27px; font-size:12px; line-height:28px; padding:0 10px 0 10px; background:url(../img/header/bg_logstatus_ft.gif) no-repeat right 0; display:block;}
header#global-header .inner #logstatus p span{border-left:1px dotted #AAA; padding:0 5px;}

header#global-header #global-nav{position:absolute; top:90px; left:0; height:37px; width:950px;}
header#global-header #global-nav ul.global-btns{float:left; height:37px; overflow:hidden; zoom:1;}
header#global-header #global-nav ul.global-btns > li{float:left; height:37px; line-height:37px; border-right:1px dotted #AAA; display:inline-block;}
header#global-header #global-nav ul.global-btns > li a{padding:0 14px; height:37px; color:#222; display:inline-block; zoom:1;}
header#global-header #global-nav ul.global-btns > li a:hover{color:#999;}
header#global-header #global-nav ul.global-btns > li.first-child{border-left:1px dotted #AAA;}
header#global-header #global-nav ul.global-btns > li.select a{ line-height:40px;}

header#global-header #global-nav ul.mypage-btns{float:right; height:37px; text-align:right; overflow:hidden; zoom:1;}
header#global-header #global-nav ul.mypage-btns > li{float:right; height:37px; line-height:38px; border-left:1px dotted #AAA; background:url(../img/spring/header/bg_mypagebtns.gif) repeat-x;}
header#global-header #global-nav ul.mypage-btns > li a{padding:0 12px; height:37px; font-weight:normal; display:inline-block; zoom:1; _display:inline;}
header#global-header #global-nav ul.mypage-btns > li a:hover{}
header#global-header #global-nav ul.mypage-btns > li.first-child{border-right:1px dotted #AAA;}


/* FOOTER
-------------------------------------------------------------------------------*/

footer#global-footer{clear:both; width:100%; text-align:center; background:#2e2e2e url(../img/footer/bg_footer.gif) repeat-x;}
footer#global-footer .inner{width:950px; margin:0 auto; padding:20px 0; text-align:left;}

footer#global-footer .logo-footer{width:182px; height:19px; margin:0 0 7px;}
footer#global-footer .logo-footer a{background:url(../img/footer/logo_footer.png) no-repeat 0 0; width:188px; height:19px; text-indent:-9999px; display:block; overflow:hidden;}
footer#global-footer .copyright{font-size:85%; line-height:150%; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
footer#global-footer .footer-description{color:#AAA;}

footer#global-footer .inner ul{padding:0 0 20px; overflow:hidden; zoom:1;}
footer#global-footer .inner ul > li{float:left; font-size:85%; line-height:130%; padding:3px 12px; border-right:1px dotted #555;}
footer#global-footer .inner ul > li.first-child{border-left:1px dotted #555;}
footer#global-footer .inner ul > li a{color:#AAA;}
footer#global-footer .inner ul > li a:hover{color:#555;}




/* SIDEBAR
-------------------------------------------------------------------------------*/

#sidebar{float:left; width:200px; padding-top:27px;}

#sidebar ul#select-tabs{width:200px; height:45px; overflow:hidden; zoom:1;}
#sidebar ul#select-tabs li{float:left; width:100px; height:45px; display:block; text-align:center; line-height:40px; color:#ebebeb; overflow:hidden; cursor:pointer;}
#sidebar ul#select-tabs li#li-img{background:url(../img/sidenav/bg_side0off.gif) no-repeat;}
#sidebar ul#select-tabs li#li-spec{background:url(../img/sidenav/bg_side1off.gif) no-repeat;}
#sidebar ul#select-tabs li.select#li-img{background:url(../img/sidenav/bg_side0on.gif) no-repeat;}
#sidebar ul#select-tabs li.select#li-spec{background:url(../img/sidenav/bg_side1on.gif) no-repeat;}

#sidebar ul#select-tabs li.select{line-height:37px; cursor:default;}

#sidebar #sidebar-navPhoto{background:url(../img/sidenav/bg_sidenav.gif) no-repeat bottom; padding:0 1px 30px;}

#sidebar #sidebar-navPhoto h3{background-repeat:no-repeat; background-position:0 0; border-top:1px solid #DADADA; border-bottom:1px solid #BEBEBE; overflow:hidden; padding:6px 5px 4px 12px; font-size:13px; line-height:19px;}
#sidebar #sidebar-navPhoto h3.short-title{letter-spacing:1em;}

#sidebar #sidebar-navPhoto > ul{font-size:12px; line-height:19px; margin:0 0 20px;}
#sidebar #sidebar-navPhoto > ul > li{border-bottom:1px dotted #BBB; display:block;}
#sidebar #sidebar-navPhoto > ul > li a{color:#222; display:block; padding:4px 5px 4px 4px; overflow:hidden; zoom:1;}
#sidebar #sidebar-navPhoto > ul > li a:hover{background-color:#FFF; color:#999;}
#sidebar #sidebar-navPhoto > ul > li img{float:left; width:35px; height:35px; padding-right:10px;}
#sidebar #sidebar-navPhoto > ul > li span{float:left; padding-top:10px;}

#sidebar #sidebar-navSpec{background:url(../img/sidenav/bg_sidenav.gif) no-repeat bottom; padding:0 1px 30px;}

#sidebar #sidebar-navSpec h3{background-repeat:no-repeat; background-position:0 0; border-top:1px solid #DADADA; border-bottom:1px solid #BEBEBE; overflow:hidden; padding:6px 5px 4px 12px; font-size:13px; line-height:19px;}
#sidebar #sidebar-navSpec h3.short-title{letter-spacing:1em;}

#sidebar #sidebar-navSpec > ul{font-size:12px; line-height:19px; margin:0 0 20px;}
#sidebar #sidebar-navSpec > ul > li{border-bottom:1px dotted #BBB;}
#sidebar #sidebar-navSpec > ul > li sup{font-size:8px;}
#sidebar #sidebar-navSpec > ul > li a{color:#222; display:block; padding:8px 5px 8px 22px; background-repeat:no-repeat; background-position:4px 9px; overflow:hidden; zoom:1;}
#sidebar #sidebar-navSpec > ul > li.with-sup a{color:#222; display:block; padding:6px 5px 6px 22px; background-repeat:no-repeat; background-position:4px 10px; overflow:hidden; zoom:1;}
#sidebar #sidebar-navSpec > ul > li.with-sup a, x:-moz-any-link{background-position:4px 8px;}

#sidebar #sidebar-navSpec > ul > li a:hover{background-color:#FFF; color:#999;}

#sidebar .nav-pulldown{padding:10px 8px 20px;}
#sidebar .nav-pulldown dt{background:url(../img/sidenav/nav_selectmenu.gif) no-repeat 0 0; width:140px; height:29px; padding:0 32px 0 10px; line-height:28px; font-size:12px; color:#333;}
#sidebar .nav-pulldown dt.opened{background:url(../img/sidenav/nav_selectmenu_opened.gif) no-repeat 0 0;}
#sidebar .nav-pulldown dd{background:url(../img/sidenav/nav_pulldown.gif) no-repeat bottom; width:182px; display:none;}
#sidebar .nav-pulldown dd > ul{font-size:12px; line-height:19px;}
#sidebar .nav-pulldown dd > ul li{ margin:0 1px; border-top:1px dotted #000;}
#sidebar .nav-pulldown dd > ul li.first-child{border-top:none;}
#sidebar .nav-pulldown dd > ul li a{padding:5px 8px;color:#DDD; display:block;}
#sidebar .nav-pulldown dd > ul li a:hover{color:#999;}


#sidebar #areaSelect{border-bottom:1px solid #FFF; background:#DDD; margin:0 0 20px;}
#sidebar #sidebar-navPhoto #areaSelect h3,
#sidebar #sidebar-navSpec #areaSelect h3{border-bottom:1px solid #AAA;}
#sidebar #areaSelect .inner{padding:8px 10px; border-bottom:1px solid #CCC;}
#sidebar #areaSelect .inner select{width:100%;}



/* HOME
-------------------------------------------------------------------------------*/

#page-home{}

#page-home #home-gallery{clear:both; margin:0 0 20px; overflow:hidden; zoom:1;}
#page-home #home-gallery #gallery-main{width:720px; background:url(../img/home/bg_gallery_main.gif) repeat-y; text-align:center;}
#page-home #home-gallery #gallery-main ul{margin:0 auto; height:506px; overflow:hidden;}
#page-home #home-gallery #gallery-main ul > li{height:506px;}
#page-home #home-gallery #gallery-main ul > li img{box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000;}

#page-home #home-gallery #gallery-thumbs{position:relative; clear:both; width:720px; height:72px; background:url(../img/home/btmshadow_gallery.gif) no-repeat 0 0;}
#page-home #home-gallery #gallery-thumbs .inner{position:absolute; top:15px; left:18px; width:685px; height:53px; overflow:hidden;}
#page-home #home-gallery #gallery-thumbs .inner ul{position:absolute; top:0; left:0; height:53px; overflow:hidden;}
#page-home #home-gallery #gallery-thumbs .inner ul > li{float:left; width:80px; height:53px; margin-left:5px; overflow:hidden;}

#page-home #home-gallery #gallery-thumbs #arrow-left{position:absolute; top:11px; left:0; width:23px; height:61px; background:url(../img/home/shadow_left.png) no-repeat right; display:block;}
#page-home #home-gallery #gallery-thumbs #arrow-left a{position:relative; top:4px; left:0; width:17px; height:53px; display:block; overflow:hidden;}

#page-home #home-gallery #gallery-thumbs #arrow-right{position:absolute; top:11px; right:0; width:22px; height:61px; background:url(../img/home/shadow_right.png) no-repeat 0 0; display:block;}
#page-home #home-gallery #gallery-thumbs #arrow-right a{position:relative; top:4px; left:5px; width:17px; height:53px; display:block; overflow:hidden;}

#page-home .home-others{clear:both; width:100%; background:url(../img/spring/line_3dot.gif) repeat-x; padding:30px 0 0; overflow:hidden; zoom:1;}
#page-home .home-others .clm-l{float:left; width:470px;}
#page-home .home-others .clm-l h2.home-news{background-repeat:no-repeat; background-position:0 0; border-top:1px solid #DADADA; border-bottom:1px solid #BEBEBE; overflow:hidden; padding:6px 5px 4px 12px; line-height:19px;}
#page-home .home-others .clm-l h2.home-news{border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0;}

#page-home .home-others .clm-l dl#home-news{width:100%; overflow:hidden; zoom:1; font-size:12px; line-height:20px; border-bottom:1px dotted #BBB;}
#page-home .home-others .clm-l dl#home-news dt{float:left; width:8em; padding:6px 0; border-top:1px dotted #BBB; color:#777;}
#page-home .home-others .clm-l dl#home-news dd{margin-left:8em; padding:6px 0; border-top:1px dotted #BBB;}
#page-home .home-others .clm-l dl#home-news dt.first-child,#page-home .home-others .clm-l dl#home-news dd.first-child{border-top:none;}

#page-home .home-others .clm-r{float:right; width:226px;}

#page-home .home-others .clm-r h2.home-pickups{background-repeat:no-repeat; background-position:0 0; border-top:1px solid #DADADA; border-bottom:1px solid #BEBEBE; overflow:hidden; padding:6px 5px 4px 12px; line-height:19px; margin-bottom:10px; letter-spacing:1em;}
#page-home .home-others .clm-r h2.home-pickups{border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0;}

#page-home .home-others .clm-r #home-pickupA{position:relative; background:url(../img/home/bg_pickup_a.png) no-repeat; width:226px; padding-bottom:10px;}
#page-home .home-others .clm-r #home-pickupA img.photo{padding:8px 8px 10px 33px;}
#page-home .home-others .clm-r #home-pickupA h3{position:absolute; top:3px; left:3px; width:77px; height:77px;}
#page-home .home-others .clm-r #home-pickupA p{text-align:right; font-size:12px; line-height:19px;}

#page-home .home-others .clm-r #home-pickupB{position:relative; background:url(../img/home/bg_pickup_b.png) no-repeat; width:226px; padding-bottom:10px;}
#page-home .home-others .clm-r #home-pickupB img.photo{padding:8px 8px 10px 33px;}
#page-home .home-others .clm-r #home-pickupB h3{position:absolute; top:3px; left:3px; width:77px; height:77px;}
#page-home .home-others .clm-r #home-pickupB p{text-align:right; font-size:12px; line-height:19px;}



/* CONTENT | COMMON
-------------------------------------------------------------------------------*/

.large-banner{clear:both; width:100%; margin-bottom:20px;}

#breadCrumb{width:700px; height:33px; background:url(../img/contentbody/bg_bc.gif) no-repeat; padding:0 10px; margin:0 0 20px; overflow:hidden; zoom:1;}
.width-full #breadCrumb{width:930px; background:url(../img/contentbody/bg_bc_fullwidth.gif) no-repeat;}
#breadCrumb li{float:left; height:33px; font-size:85%; line-height:33px; color:#AAA;}
#breadCrumb li a{height:33px; background:url(../img/contentbody/arrow_bc.gif) no-repeat right 50%; padding:0 20px 0 0; margin-right:7px; color:#FFF; display:inline-block;}
#breadCrumb li a:hover{color:#888;}




/* CONTENT | LIST
-------------------------------------------------------------------------------*/

#page-list .contentbody{padding:32px 0 40px;}

#page-list .contentbody h1{clear:both; font-size:115%; line-height:150%; margin:0 0 20px;}

#btnKeywordSearch{width:190px; height:37px; margin:0 0 20px;}
#btnKeywordSearch a{background-repeat:no-repeat; background-position:0 0; width:190px; height:37px; display:block; text-indent:-9999px;}
#btnKeywordSearch a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

#sort-subCategory{}
#sort-subCategory h2{position:relative; background-repeat:no-repeat; background-position:0 0; border-top:1px solid #DADADA; border-bottom:1px solid #222; overflow:hidden; padding:6px 5px 4px 12px; font-size:13px; line-height:19px;}
#sort-subCategory h2 span{position:absolute; top:0; right:4px; background:#FFF url(../img/contentbody/bg_graybtn.gif) repeat-x bottom; padding:3px 10px; font-size:12px;}
#sort-subCategory h2 span{border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px;}
#sort-subCategory h2 span a{color:#222;}
#sort-subCategory h2 span a:hover{color:#888;}
#sort-subCategory ul{clear:both; background:#393939 url(../img/contentbody/btm_subcate.gif) no-repeat bottom; width:702px; padding:15px 9px 5px 9px; margin:0 0 30px; font-size:12px; line-height:18px; overflow:hidden; zoom:1;}
#sort-subCategory ul li{float:left; width:213px; padding:0 10px 15px;}
#sort-subCategory ul li a{color:#EEE;}
#sort-subCategory ul li a:hover{color:#999;}

.ctrl-result{position:relative; clear:both; width:720px; font-size:11px; overflow:hidden; zoom:1;}
.ctrl-result .pagenation{float:left; width:470px; padding:3px 0 0; overflow:hidden; zoom:1;}
.ctrl-result .pagenation li{float:left; border-left:1px solid #EEE; height:15px; font-size:11px; line-height:15px;}
.ctrl-result .pagenation li.current{padding:0 8px; height:15px; line-height:15px; display:inline-block; color:#AAA;}
.ctrl-result .pagenation li a{padding:0 8px; height:15px; line-height:15px; display:inline-block; color:#222;}
.ctrl-result .pagenation li a:hover{color:#999;}
.ctrl-result .pagenation .prev{border-left:none;}
.ctrl-result .pagenation .prev{background-repeat:no-repeat; background-position:left top; padding-left:17px;}
.ctrl-result .pagenation .next{border-left:none;}
.ctrl-result .pagenation .next{background-repeat:no-repeat; background-position:right top; padding-right:17px;}

.ctrl-result .showMaxNumber{float:right; line-height:19px; overflow:hidden; zoom:1;}
.ctrl-result .showMaxNumber dt{float:left;padding:0 7px 0 20px; line-height:21px;}
.ctrl-result .showMaxNumber dd{float:left; height:18px; border:1px solid #DDD;}
.ctrl-result .showMaxNumber dd.first-child{border-right:none;}
.ctrl-result .showMaxNumber dd.select{padding:0 6px; height:18px; display:inline-block; color:#999; background:#555;}
.ctrl-result .showMaxNumber dd a{padding:0 6px; height:18px; display:inline-block; color:#222;}
.ctrl-result .showMaxNumber dd a:hover{background:#CCC; color:#FFF;}

.ctrl-result .showThumbSize{float:right; line-height:19px; overflow:hidden; zoom:1;}
.ctrl-result .showThumbSize dt{float:left; padding:0 7px 0 0; line-height:21px;}
.ctrl-result .showThumbSize dd{float:left; height:18px; border:1px solid #DDD;}
.ctrl-result .showThumbSize dd.first-child{border-right:none;}
.ctrl-result .showThumbSize dd.select{padding:0 6px; height:18px; display:inline-block; color:#999; background:#555;}
.ctrl-result .showThumbSize dd a{padding:0 6px; height:18px; display:inline-block; color:#222;}
.ctrl-result .showThumbSize dd a:hover{background:#CCC; color:#FFF;}

#page-list .contentbody .thumbL{clear:both; width:720px; margin:40px 0; overflow:hidden;}
#page-list .contentbody .thumbL table{margin-left:-16px; width:736px;}
#page-list .contentbody .thumbL table td{position:relative; text-align:center; font-size:85%; line-height:145%; padding-left:16px; padding-bottom:20px; width:168px;}
#page-list .contentbody .thumbL table td .imgarea{height:220px; width:270px; display:table-cell; vertical-align:middle; text-align:center;}


#page-list .contentbody .thumbL table td .btns{width:168px; height:23px; margin:5px auto 8px;}
#page-list .contentbody .thumbL table td .btns li{float:left; height:23px; width:84px; overflow:hidden;}
#page-list .contentbody .thumbL table td .btns li a{height:23px; width:84px;}
#page-list .contentbody .thumbL table td .btns li.detail-photo{}
#page-list .contentbody .thumbL table td p.txtA{}
#page-list .contentbody .thumbL table td p.txtB{}


#page-list .contentbody .thumbS{clear:both; width:720px; margin:40px 0; overflow:hidden;}
#page-list .contentbody .thumbS table{margin-left:-12px; width:732px;}
#page-list .contentbody .thumbS table td{position:relative; text-align:center; font-size:85%; line-height:140%; padding-left:12px; padding-bottom:20px; width:110px;}
#page-list .contentbody .thumbS table td .imgarea{height:110px; width:110px; display:table-cell; vertical-align:middle; text-align:center;}


#page-list .contentbody .thumbS table td .imgarea img{}
#page-list .contentbody .thumbS table td .btns{width:110px; height:19px; margin:5px auto 8px;}
#page-list .contentbody .thumbS table td .btns li{float:left; height:19px; width:55px; overflow:hidden;}
#page-list .contentbody .thumbS table td .btns li a{height:19px; width:55px;}
#page-list .contentbody .thumbS table td .btns li.detail-photo{}
#page-list .contentbody .thumbS table td p.txtA{}
#page-list .contentbody .thumbS table td p.txtB{}


#popup-search{position:absolute; background:#FFF; width:716px; padding:0; text-align:left; z-index:1000; display:none;}
#popup-search header{position:relative; background:url(../img/contentbody/bg_pphd.gif) repeat-x bottom; width:660px; height:48px; line-height:48px; padding:0 28px; margin:0 0 12px; border-bottom:1px dotted #BBB;}
#popup-search header h2{font-size:18px; line-height:48px;}
#popup-search header .btnClose{position:absolute; top:10px; right:10px;}
#popup-search header .btnClose:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#popup-search .result{padding:0 28px;}
#popup-search section{clear:both; padding:20px 28px 0;}
#popup-search section h3{clear:both; background-repeat:no-repeat; background-position:0 0; height:24px; line-height:20px; font-size:15px; padding:0 0 0 25px; margin:0 0 15px; border-bottom:3px double #DDD;}
#popup-search section h3 span{font-size:11px; padding-left:10px; color:#777;}

#popup-search section ul{width:100%; overflow:hidden; zoom:1;}
#popup-search section ul > li{float:left; padding:0 20px 10px 0; white-space:nowrap;}

#popup-search .btns{clear:both; margin:20px 0 0; border-top:1px dotted #BBB; padding:15px 0 25px 230px; overflow:hidden; zoom:1;}
#popup-search .btns a.btn-clear{float:left; background:url(../img/contentbody/btn_search_clear.gif) no-repeat 0 0; width:127px; height:37px; display:block; margin-right:10px; overflow:hidden; text-indent:-9999px;}
#popup-search .btns a.btn-clear:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#popup-search .btns a.btn-search{float:left; background-repeat:no-repeat; background-position:0 0; width:127px; height:37px; display:block; overflow:hidden; text-indent:-9999px;}
#popup-search .btns a.btn-search:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* CONTENT | POPUP
-------------------------------------------------------------------------------*/

.page-popup{}
.page-popup #detail-header{position:relative; width:950px; height:45px; text-align:left; margin:0 auto;}
.page-popup #detail-header h1{position:absolute; top:13px; left:0; background:url(../img/detail/logo.png) no-repeat; width:161px; height:19px; text-indent:-9999px; display:block; overflow:hidden;}

.page-popup #detail-footer{clear:both; width:100%; text-align:center; background:#2e2e2e url(../img/footer/bg_footer.gif) repeat-x;}
.page-popup #detail-footer .inner{width:950px; margin:0 auto; padding:20px 0; text-align:left;}
.page-popup #detail-footer .logo-footer{width:182px; height:19px; margin:0 0 7px;}
.page-popup #detail-footer .logo-footer a{background:url(../img/footer/logo_footer.png) no-repeat 0 0; width:188px; height:19px; text-indent:-9999px; display:block; overflow:hidden;}
.page-popup #detail-footer .copyright{font-size:85%; line-height:150%; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
.page-popup #detail-footer .copyright-JP{font-size:85%; line-height:150%; color:#999;}

.page-popup .content{position:relative; clear:both; text-align:left; width:950px; margin:0 auto; padding:30px 0; overflow:hidden; zoom:1;}
.page-popup .content h1{clear:both; font-size:130%; line-height:160%; margin:0 0 20px; padding:0 200px 0 0;}
.page-popup .content h1 span{}

.page-popup .content p.put-mypage{position:absolute; width:160px; height:37px; overflow:hidden; display:block;}
.page-popup .content p.put-mypage a{width:160px; height:37px; text-indent:-9999px; display:block;}
.page-popup .content p.put-mypage a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

.page-popup .content .desc h2{background-repeat:no-repeat; background-position:0 0; border-top:1px solid #DADADA; border-bottom:1px solid #DADADA; overflow:hidden; margin:0 0 10px; padding:6px 5px 4px 12px; line-height:19px;}
.page-popup .content .desc h2{border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0;}
.page-popup .content .desc{float:right; width:330px;}

.page-popup .content .desc dl{border-bottom:1px dotted #BBB; font-size:100%; line-height:145%; overflow:hidden; zoom:1;}
.page-popup .content .desc dt{float:left; width:8em; color:#888; padding:6px 0; border-top:1px dotted #BBB;}
.page-popup .content .desc dt.first-child{border-top:none;}
.page-popup .content .desc dd{margin-left:8em; padding:6px 0; border-top:1px dotted #BBB;}
.page-popup .content .desc dd.first-child{border-top:none;}

.page-popup .content .desc .btns{position:relative; margin:20px 0 20px; height:37px; width:100%;}
.page-popup .content .desc .btns .btn-prop,
.page-popup .content .desc .btns .btn-com{position:absolute; width:160px; height:37px; overflow:hidden; display:block;}
.page-popup .content .desc .btns .btn-prop a,
.page-popup .content .desc .btns .btn-com a{width:160px; height:37px; text-indent:-9999px; display:block;}
.page-popup .content .desc .btns .btn-prop a{background:url(../img/contentbody/btn_bukken.gif) no-repeat 0 0;}
.page-popup .content .desc .btns .btn-com a{background:url(../img/contentbody/btn_seko.gif) no-repeat 0 0;}
.page-popup .content .desc .btns .btn-prop a:hover,
.page-popup .content .desc .btns .btn-com a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}



/* CONTENT | PHOTO DETAIL
-------------------------------------------------------------------------------*/

#page-phDetail{}

#page-phDetail .content{}
.page-popup#page-phDetail .content p.put-mypage{top:20px; right:0;}
#page-phDetail .content .imgarea{float:left; width:590px; text-align:center;}
#page-phDetail .content .imgarea img.mainImg{padding:4px; border:1px solid #DDD; background:#FFF;}
#page-phDetail .content .imgarea p.comment{clear:both; margin:10px 0 20px; text-align:left; font-size:92%; line-height:150%;}

.page-popup#page-phDetail .content .desc .btns .btn-prop{top:0; left:0;}
.page-popup#page-phDetail .content .desc .btns .btn-com{top:0; right:0;}

#page-phDetail .otherPhotos{position:relative; clear:both; width:950px; margin:0 auto; padding:0 0 25px; border-top:1px dotted #AAA; text-align:left; overflow:hidden;}
#page-phDetail .otherPhotos h3{clear:both; font-size:120%; line-height:150%; margin:0 0 5px; padding:10px 0 0;}
#page-phDetail .otherPhotos > ul{margin:15px 0 0 -13px; width:963px; overflow:hidden; zoom:1;}
#page-phDetail .otherPhotos > ul li{float:left; width:94px; height:125px; margin-left:13px; margin-bottom:15px; display:table-cell; vertical-align:middle; text-align:center;}


/* CONTENT | BUKKEN DETAIL
-------------------------------------------------------------------------------*/

#page-propDetail{}

#page-propDetail .content{}
.page-popup#page-propDetail .content p.put-mypage{top:20px; right:0;}
#page-propDetail .content .imgarea{float:left; width:590px; text-align:center;}
#page-propDetail .content .imgarea img.mainImg{padding:4px; border:1px solid #DDD; background:#FFF;}
#page-propDetail .content .imgarea p.comment{clear:both; margin:10px 0 20px; text-align:left; font-size:92%; line-height:150%;}

.page-popup#page-propDetail .content .desc .btns .btn-prop{top:0; left:0;}
.page-popup#page-propDetail .content .desc .btns .btn-com{top:0; right:0;}

#page-propDetail .content .imgarea .area-block{clear:both; position:relative; width:100%; border-top:1px dotted #AAA; padding:0 0 20px; text-align:left; overflow:hidden; zoom:1;}
#page-propDetail .content .imgarea .area-block h3{clear:both; font-size:120%; line-height:150%; margin:0 0 15px; padding:10px 0 0; width:inherit;}
#page-propDetail .content .imgarea .area-block .showcase{position:relative; float:left; width:360px; height:360px; overflow:hidden;}
#page-propDetail .content .imgarea .area-block .showcase > ul{position:absolute; height:360px; top:0; left:0;}
#page-propDetail .content .imgarea .area-block .showcase > ul li{float:left; background:#FFF; border:1px dotted #BBB; padding:4px; width:350px; text-align:center;}

#page-propDetail .content .imgarea .area-block .showcase-thumbs{float:right; width:220px; overflow:hidden;}
#page-propDetail .content .imgarea .area-block .showcase-thumbs > ul{overflow:hidden; display:table;}
#page-propDetail .content .imgarea .area-block .showcase-thumbs > ul li{position:relative; clear:right; float:left; width:100px; margin:0 0 10px 10px; text-align:center;}


/* CONTENT | COMPANY PROFILE
-------------------------------------------------------------------------------*/

#page-company{}

#page-company .content .profile{border:1px solid #DADADA; background:#F0F0F0; padding:10px;}
#page-company .content .profile .inner{border:1px solid #DADADA; background:#FFF;}
#page-company .content .profile dl{padding:30px; border-bottom:1px solid #CCC; overflow:hidden; zoom:1;}
#page-company .content .profile dt{clear:left; float:left; width:10em; padding:8px 0; border-top:1px dotted #BBB; color:#777;}
#page-company .content .profile dd{margin-left:10em; padding:8px 0; border-top:1px dotted #BBB;}
#page-company .content .profile dt.first-child,#page-company .content .profile dd.first-child{border-top:none;}
#page-company .content .profile dd.noline{padding:0 0 8px; border-top:none;}

#page-company .content .profile .list{border-top:1px solid #E9E9E9; background:#FAFAFA; padding:25px 30px;}


/* CONTENT | SEARCH DIRECT
-------------------------------------------------------------------------------*/

#page-search{}

#page-search .contentbody h1{clear:both; font-size:130%; line-height:160%; margin:0 0 10px; padding:0;}

#page-search .search-form{border:1px dotted #BBB; padding:0;}

#page-search .search-form .inputformA{margin:25px;}

#page-search .search-form .select-category{clear:both; margin:15px 25px 0;}
#page-search .search-form .select-category table{margin:0 0 10px 14em;}
#page-search .search-form .select-category td{padding:8px 30px 8px 17px; border:1px dotted #DDD; background:url(../img/contentbody/arrow_categoryselect.gif) no-repeat right 50%;}
#page-search .search-form .select-category td.td-end{padding:8px 17px; background:none;}
#page-search .search-form .select-category td.td-btn{padding:8px; background:none;}

#page-search .search-form .select-category table a.btn-add{font-size:11px; line-height:13px; color:#222; padding:8px 8px; border:1px solid #DDD; display:block; background:#FFF url(../img/contentbody/table/bg_btn_off.gif) repeat-x left bottom;}
#page-search .search-form .select-category table a:hover.btn-add{color:#FFF; border:1px solid #AAA; background:#dfdfdf url(../img/contentbody/table/bg_btn_on.gif) repeat-x left bottom;}

#page-search .search-form .btns{clear:both; margin:20px 0 0; border-top:1px dotted #BBB; padding:15px 0 25px 350px; overflow:hidden; zoom:1;}
#page-search .search-form .btns a.btn-clear{float:left; background:url(../img/contentbody/btn_search_clear.gif) no-repeat 0 0; width:127px; height:37px; display:block; margin-right:10px; overflow:hidden; text-indent:-9999px;}
#page-search .search-form .btns a.btn-clear:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#page-search .search-form .btns a.btn-search{float:left; background-repeat:no-repeat; background-position:0 0; width:127px; height:37px; display:block; overflow:hidden; text-indent:-9999px;}
#page-search .search-form .btns a.btn-search:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* CONTENT | SEARCH DIRECT
-------------------------------------------------------------------------------*/

#page-categories{}

#page-categories .contentbody h1{clear:both; font-size:130%; line-height:160%; margin:0 0 10px; padding:0;}

.category-list #select-tabs{}
.category-list #select-tabs ul{overflow:hidden; zoom:1;}
.category-list #select-tabs ul li{float:left; padding:8px 20px; margin:0 5px 0 0; border:1px solid #AAA; border-bottom:none; background:url(../img/contentbody/bg_tab.gif) repeat-x bottom;}
.category-list #select-tabs ul li{border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0;}
.category-list #select-tabs ul li.select{border-bottom:1px solid #FFF; background:none;}

.category-list #tab-cates{margin-top:-1px; padding:15px 0 0; border-top:1px solid #AAA;}
.category-list #tab-pr{display:none;}

.category-list .cGroup dl{}
.category-list .cGroup dt{clear:both; padding:7px 15px; margin:10px 0 0; border:1px solid #AAA; font-size:110%; line-height:150%;}
.category-list .cGroup dd{margin:0 0 10px 40px; border:1px solid #AAA; border-top:none; padding:15px 15px 5px; display:none;}
.category-list .cGroup dd ul{width:100%; overflow:hidden; zoom:1;}
.category-list .cGroup dd ul > li{float:left; padding:0 20px 10px 0; white-space:nowrap;}

.category-list .btns{clear:both; margin:20px 0 0; border-top:1px dotted #BBB; padding:15px 0 25px 342px; overflow:hidden; zoom:1;}
.category-list .btns a.btn-clear{float:left; background:url(../img/contentbody/btn_search_clear.gif) no-repeat 0 0; width:127px; height:37px; display:block; margin-right:10px; overflow:hidden; text-indent:-9999px;}
.category-list .btns a.btn-clear:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.category-list .btns a.btn-search{float:left; background-repeat:no-repeat; background-position:0 0; width:127px; height:37px; display:block; overflow:hidden; text-indent:-9999px;}
.category-list .btns a.btn-search:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* CONTENT | MYPAGE
-------------------------------------------------------------------------------*/

#page-mypage{}

#page-mypage .contentbody p.logstatus{border:1px dotted #BBB; padding:3px 10px; margin:0 0 10px; color:#888;}
#page-mypage .contentbody h1{clear:both; font-size:130%; line-height:160%; margin:0 0 10px; padding:0;}
#page-mypage .contentbody .mypage-login{margin:20px 250px 30px;}
#page-mypage .contentbody .mypage-reissue,
#page-mypage .contentbody .mypage-cancel{margin:20px 200px 30px;}
#page-mypage .contentbody #dl-login{border:1px solid #F0F0F0;overflow:hidden; zoom:1;}
#page-mypage .contentbody #dl-login{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
#page-mypage .contentbody #dl-login dt{float:left; width:8em; padding:1em 2em; height:23px; border:1px solid #CCC; background:#F5F5F5;}
#page-mypage .contentbody #dl-login dd{margin-left:12em; padding:1em 2em; border:1px solid #CCC; border-left:1px solid #F0F0F0;}
#page-mypage .contentbody .mypage-login #dl-login dt.first-child,
#page-mypage .contentbody .mypage-cancel #dl-login dt.first-child{border-bottom:none;}
#page-mypage .contentbody .mypage-login #dl-login dd.first-child,
#page-mypage .contentbody .mypage-cancel #dl-login dd.first-child{border-bottom:none;}
#page-mypage .contentbody #dl-login dd input{width:90%;}
#page-mypage .contentbody .mypage-reissue #dl-login dt{width:10em;}
#page-mypage .contentbody .mypage-reissue #dl-login dd{margin-left:14em;}
#page-mypage .contentbody .mypage-cancel #dl-login dt{width:10em;}
#page-mypage .contentbody .mypage-cancel #dl-login dd{margin-left:14em;}

#page-mypage .contentbody .form-addText{text-align:center; margin:5px 0 0;} 

#page-mypage .contentbody .mypage-login .btn-login{margin:30px 0 0 145px;}
#page-mypage .contentbody .btn-login a{width:160px; height:37px; text-indent:-9999px; overflow:hidden; display:block;}
#page-mypage .contentbody .btn-login a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#page-mypage .contentbody .subbtn-confirm{text-align:center; margin:2em 0; padding:10px 0 0; border-top:1px dotted #DDD;}
#page-mypage .contentbody .subbtn-confirm a{padding:5px 17px;}

#page-mypage .contentbody .mypage-registration{border:1px solid #DDD; background:#F7F7F7; padding:20px;}
#page-mypage .contentbody .mypage-registration .inner{border:1px solid #DDD; background:#FFF;}
#page-mypage .contentbody .mypage-registration .inner.thankspage{padding:50px 30px 0; text-align:center;}
#page-mypage .contentbody .mypage-registration .inner.thankspage h3{font-size:115%; margin:0 0 10px;}
#page-mypage .contentbody .mypage-registration .inner.thankspage p{margin-bottom:2em;}
#page-mypage .contentbody .mypage-finish{border:1px solid #DDD; background:#F7F7F7; padding:20px;}
#page-mypage .contentbody .mypage-finish .inner{border:1px solid #DDD; background:#FFF;}
#page-mypage .contentbody .mypage-finish .inner.thankspage{padding:50px 30px 0; text-align:center;}
#page-mypage .contentbody .mypage-finish .inner.thankspage h3{font-size:115%; margin:0 0 10px;}
#page-mypage .contentbody .mypage-finish .inner.thankspage p{margin-bottom:2em;}
#page-mypage .contentbody .mypage-registration dl.inputformA{margin:30px;}
#page-mypage .contentbody .mypage-registration dl.inputformA dt{height:25px;}
#page-mypage .contentbody .mypage-registration dl.inputformA dd{height:25px;}
#page-mypage .contentbody .mypage-registration dl.inputformA dt.kiyaku{height:100%;}
#page-mypage .contentbody .mypage-registration dl.inputformA dd.kiyaku{height:100%;}
#page-mypage .contentbody .mypage-registration dl.inputformA .iframe-TOS{overflow:auto; width:90%; height:150px; padding:1px 20px 20px 1px; margin:10px 0 5px;}
#page-mypage .contentbody .mypage-registration dl.inputformA .check-TOS{text-align:right; width:90%;}


#page-mypage .contentbody .reason-cancel{width:100%; margin:20px 0 0;}
#page-mypage .contentbody .reason-cancel h4{font-size:110%; margin:0 0 5px;}



/* CONTENT | FOTO-BOX
-------------------------------------------------------------------------------*/

#page-fotobox{}
#page-fotobox .contentbody{}
#page-fotobox .contentbody h1{clear:both; font-size:130%; line-height:160%; margin:0 0 10px; padding:0;}
#page-fotobox .contentbody h2{font-size:120%; line-height:150%; margin:0 0 10px; padding:0;}

#page-fotobox .contentbody #foto-nav{border-top:1px solid #EEE;}
#page-fotobox .contentbody #foto-nav ul{background:url(../img/contentbody/bg_tab.gif) repeat-x bottom; border-right:1px dotted #AAA; overflow:hidden; zoom:1;}
#page-fotobox .contentbody #foto-nav ul li{float:left; border-right:1px dotted #AAA;}
#page-fotobox .contentbody #foto-nav ul li.first-child{border-left:1px dotted #AAA;}
#page-fotobox .contentbody #foto-nav ul li a{padding:5px 20px; display:inline-block;}
#page-fotobox .contentbody #foto-nav ul li.select{background:#FFF;}
#page-fotobox .contentbody #foto-nav ul li.select a{color:#888;}

#page-fotobox .contentbody .cntbox{margin:-1px 0 0; border:1px dotted #CCC; border-top:1px solid #CCC; padding:20px 20px 0; min-height:350px;}


#page-fotobox .contentbody .ctrl-result{width:100%; padding:20px 0 8px;}
#page-fotobox .contentbody .ctrl-result.posBtm{padding:15px 0 20px;}
#page-fotobox .contentbody .ctrl-result .pagenation{float:left; width:75%; padding:3px 0 0; overflow:hidden; zoom:1;}
#page-fotobox .contentbody .ctrl-result .sort-menu{float:right; width:20%; text-align:right;}

#page-fotobox .contentbody .fotobox-delete{border:1px solid #DDD; background:#F7F7F7; padding:20px;}
#page-fotobox .contentbody .fotobox-delete .inner{border:1px solid #DDD; background:#FFF;}
#page-fotobox .contentbody .fotobox-delete .inner.thankspage{padding:50px 30px 0; text-align:center;}
#page-fotobox .contentbody .fotobox-delete .inner.thankspage h3{font-size:115%; margin:0 0 10px;}
#page-fotobox .contentbody .fotobox-delete .inner.thankspage p{margin-bottom:2em;}

#page-fotobox .contentbody .list-album{clear:both; margin:0 0 25px; padding:0 0 20px; border-bottom:1px dotted #BBB;}
#page-fotobox .contentbody .list-album.finish{border-bottom:none; margin:20px 0 25px; padding:20px 0 20px; border-top:1px dotted #BBB;}
#page-fotobox .contentbody .list-album > ul{clear:both; margin:10px 0 0;}
#page-fotobox .contentbody .list-album > ul li{margin:0 0 2px; line-height:130%; padding:4px 0 4px 18px;}

#page-fotobox .contentbody .album-comment{margin:15px 0 20px;}
#page-fotobox .contentbody .album-comment h3{padding:0 0 5px;}


/* PARTS | TABLE
-------------------------------------------------------------------------------*/

.tb-listA a.btn-edit,.tb-listA a.btn-delete,.tb-listA a.btn-regist,.tb-listA a.btn-detail{font-size:11px; line-height:13px; color:#222; padding:8px 8px; border:1px solid #DDD; display:block; background:#FFF url(../img/contentbody/table/bg_btn_off.gif) repeat-x left bottom;}
.tb-listA a:hover.btn-edit,.tb-listA a:hover.btn-delete,.tb-listA a:hover.btn-regist,.tb-listA a:hover.btn-detail{color:#FFF; border:1px solid #AAA; background:#dfdfdf url(../img/contentbody/table/bg_btn_on.gif) repeat-x left bottom;}

.tb-listA{clear:both; width:100%; margin:0; font-size:12px; line-height:19px; border:1px solid #AAA;}
.tb-listA thead th{padding:4px 10px; border:1px solid #222; border-bottom:none; text-align:center; white-space:nowrap; background:#5f5f5f url(../img/contentbody/table/bg_th.gif) repeat-x bottom; color:#FFF;}
.tb-listA thead th.th-delete{width:2%;}
.tb-listA thead th.th-serial{width:3%;}
.tb-listA thead th.th-idnum{width:10%;}
.tb-listA thead th.th-regdate{width:15%;}
.tb-listA thead th.th-phThumb{width:2%;}
.tb-listA thead th.th-pref{width:10%;}
.tb-listA thead th.th-name{width:30%;}
.tb-listA thead th.th-ftname{width:40%;}
.tb-listA thead th.th-profname{width:40%;}
.tb-listA thead th.th-profnameB{width:30%;}
.tb-listA thead th.th-categ{width:15%;}
.tb-listA thead th.th-categB{width:60%;}
.tb-listA thead th.th-num{width:10%;}
.tb-listA thead th.th-chk{width:5%;}
.tb-listA thead th.th-btns{width:10%;}
.tb-listA thead th.th-btn{width:5%;}
.tb-listA thead th.th-list{width:5%;}
.tb-listA thead th.th-regist{width:5%;}
.tb-listA tbody td{padding:4px 10px; border:1px solid #DDD; background:#FFF;}
.tb-listA tbody td.td-num{text-align:right; white-space:nowrap;}
.tb-listA tbody td.td-chk{white-space:nowrap;}
.tb-listA tbody td.td-btn{white-space:nowrap; padding:4px 4px; text-align:center;}
.tb-listA tbody td.td-thumb{text-align:center;}
.tb-listA tbody td.td-del{text-align:center;}


/* PARTS | FORM
-------------------------------------------------------------------------------*/

.inputformA{border-bottom:1px dotted #BBB; overflow:hidden; zoom:1;}
.inputformA dt{clear:left; float:left; width:14em; padding:10px 0; border-top:1px dotted #BBB; color:#777;}
.inputformA dd{margin-left:14.1em; padding:10px 0; border-top:1px dotted #BBB;}
.inputformA dt.first-child,.inputformA dd.first-child{border-top:none;}
.inputformA dd.noline{padding:0 0 8px; border-top:none;}
.inputformA dt.his2{clear:left; float:left; width:14em; height:28px; padding:10px 0; border-top:1px dotted #BBB; color:#777;}
.inputformA dd.his2{margin-left:14.1em; height:28px; padding:10px 0; border-top:1px dotted #BBB;}
.inputformA dt.his2.first-child,.inputformA dd.first-child{border-top:none;}
.inputformA dd.his2.noline{padding:0 0 10px; border-top:none;}

.inputformA .input-id{width:30em;}
.inputformA .input-zip{width:6em;}
.inputformA .input-address{width:90%;}
.inputformA .input-name{width:30em;}
.inputformA .input-ftname,.inputformA .input-ltname{width:13em;}
.inputformA .input-phone{width:6em;}
.inputformA .input-url{width:20em;}
.inputformA .input-mail{width:20em;}
.inputformA .input-shortNum{width:6em;}
.inputformA .textarea-comment{width:90%; height:150px; border:1px solid #AAA;}
#page-fotobox .contentbody .album-comment .textarea-comment{width:90%; height:80px; border:1px solid #AAA;}

#page-mypage .contentbody .reason-cancel .textarea-reason{width:99%; height:130px; border:1px solid #AAA;}

.form-btns{padding:20px 0 0; margin:0 auto; text-align:center;}
.form-btns a{display:inline-block; width:150px; height:40px; background:#FFF url(../img/contentbody/bg_btn_off.gif) repeat-x left bottom; border:1px solid #DDD; font-size:14px; line-height:40px; color:#222; font-weight:normal; border-bottom:1px solid #EEE;}
.form-btns a{border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0;}
.form-btns a:hover{color:#FFF; border:1px solid #AAA; background:#dfdfdf url(../img/contentbody/bg_btn_on.gif) repeat-x left bottom;}
.form-btns a.marginRight{margin-right:1em;}
.form-btns a.btn-guide{width:250px;}
.mypage-reissue .form-btns a,
.mypage-cancel .form-btns a{border-bottom:1px solid #DDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}



/* CONTENT | NEW ITEMS
-------------------------------------------------------------------------------*/

.newItems#page-list .contentbody h1{position:relative; clear:both; font-size:150%; line-height:160%; margin:0; padding:0 0 3px; border-bottom:1px dotted #DDD;}
.newItems#page-list .contentbody h1 span{font-weight:normal; letter-spacing:1em; color:#222;}

.newItems#page-list .contentbody h1 .btn-changeList{position:absolute; bottom:0; right:0; width:132px; padding:0 10px; height:30px; font-size:13px; line-height:34px; font-weight:bold; display:block;}
.newItems#page-list .contentbody h1 .btn-changeList:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.newItems#page-list .contentbody .new-limit{border-top:1px dotted #DDD; border-bottom:1px dotted #DDD; padding:5px 0; margin:1px 0 20px;}


/* CONTENT | LIST - COMPANY
-------------------------------------------------------------------------------*/

#page-listCompany{}
#page-listCompany .contentbody{}
#page-listCompany .contentbody h1{clear:both; font-size:130%; line-height:160%; margin:0 0 10px; padding:0;}
#page-listCompany .contentbody h2{font-size:120%; line-height:150%; margin:0 0 10px; padding:0;}

#page-listCompany .list-company{width:100%;}
#page-listCompany .contentbody .list-company .ctrl-result{width:100%; padding:20px 0 8px;}
#page-listCompany .contentbody .ctrl-result.posBtm{padding:15px 0 20px;}
#page-listCompany .contentbody .ctrl-result .pagenation{float:left; width:75%; padding:3px 0 0; overflow:hidden; zoom:1;}
#page-listCompany .contentbody .ctrl-result .sort-menu{float:right; width:20%; text-align:right;}

/* CONTENT- MAINS
-------------------------------------------------------------------------------*/

.contentbody2{position:relative; float:right; width:720px; padding:0px 0 40px;}
.contentleft{position:relative; float:left; width:200px; padding:0px 0 40px;}
.contentleft-photo{position:relative; float:left; width:200px; padding-top:0px;}
.contentleft-photo2{position:relative; float:left; width:200px; padding-top:38px;}
.mainstxt{text-align:left; font-size:13px; line-height:200%;}
.mainstxt2{text-align:left; font-size:13px; line-height:140%;}
.mainstitle-l{text-align:left; font-size:22px; line-height:200%;}
.mainstitle-m{text-align:left; font-size:18px; line-height:200%;}
.mainstitle-s{text-align:left; font-size:15px; line-height:200%;}


.add_message{
	border:1px #BC3470 solid;font-size:16px;padding:5px;color:#BC3470;text-align:center;font-weight:bold;margin-bottom:10px;
}

#page-noLogin{}

#page-noLogin .content p.logstatus{border:1px dotted #BBB; padding:3px 10px; margin:0 0 10px; color:#888;}
#page-noLogin .content h1{clear:both; font-size:130%; line-height:160%; margin:0 0 10px; padding:0;}
#page-noLogin .content .mypage-login{margin:20px 250px 30px;}
#page-noLogin .content .mypage-reissue,
#page-noLogin .content .mypage-cancel{margin:20px 200px 30px;}
#page-noLogin .content #dl-login{border:1px solid #F0F0F0;overflow:hidden; zoom:1;}
#page-noLogin .content #dl-login{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
#page-noLogin .content #dl-login dt{float:left; width:8em; padding:1em 2em; height:23px; border:1px solid #CCC; background:#F5F5F5;}
#page-noLogin .content #dl-login dd{margin-left:12em; padding:1em 2em; border:1px solid #CCC; border-left:1px solid #F0F0F0;}
#page-noLogin .content .mypage-login #dl-login dt.first-child,
#page-noLogin .content .mypage-cancel #dl-login dt.first-child{border-bottom:none;}
#page-noLogin .content .mypage-login #dl-login dd.first-child,
#page-noLogin .content .mypage-cancel #dl-login dd.first-child{border-bottom:none;}
#page-noLogin .content #dl-login dd input{width:90%;}
#page-noLogin .content .mypage-reissue #dl-login dt{width:10em;}
#page-noLogin .content .mypage-reissue #dl-login dd{margin-left:14em;}
#page-noLogin .content .mypage-cancel #dl-login dt{width:10em;}
#page-noLogin .content .mypage-cancel #dl-login dd{margin-left:14em;}

#page-noLogin .content .form-addText{text-align:center; margin:5px 0 0;} 

#page-noLogin .content .mypage-login .btn-login{margin:30px 0 0 145px;}
#page-noLogin .content .btn-login a{width:160px; height:37px; text-indent:-9999px; overflow:hidden; display:block;}
#page-noLogin .content .btn-login a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#page-noLogin .content .subbtn-confirm{text-align:center; margin:2em 0; padding:10px 0 0; border-top:1px dotted #DDD;}
#page-noLogin .content .subbtn-confirm a{padding:5px 17px;}

#page-noLogin .content .btn-login a{background:url(../img/spring/contentbody/btn_login.gif) no-repeat 0 0;}