@charset "UTF-8";

.city_info { width: 702px; margin-bottom:60px;text-align: left; float: left; }
.city_info h1,
.city_info h2,
.city_info h4,
.city_info h5,
.city_info h6,
.city_info p,
.city_info ul,
.city_info dl,
.city_info dt,
.city_info dd,
.city_info ol,
.city_info li { margin: 0; padding: 0; font-weight: normal; font-size: 12px; line-height: 20px; }
.city_info div,
.city_info img,
.city_info ul,
.city_info ol,
.city_info li,
.city_info dl,
.city_info dd,
.city_info dt,
.city_info form { margin: 0; padding: 0; }
.city_info ol,
.city_info ul { list-style: none; }
.city_info img { vertical-align: bottom; border-style: none; }
.city_info table { border-collapse: collapse; font-size: 12px; }
.city_info caption { text-align: left; }
.city_info a { color: #0082cd; }
.city_info a:hover { text-decoration: none; }
.city_info .clearfix:after { content: ""; display: block; clear: both; height: 0; }
.city_info .clearfix { display: inline-block; }
.city_info .clearfix { display: block; }
.city_info .clear { clear: both; }
.city_info .algnR { text-align: right; }
.city_info .algnC { text-align: center; }
.city_info .noBD { border-bottom: none; border-left: none; border-right: none; border-top: none; border: none; }
.city_info .fR { float: right; }
.city_info .fL { float: left; }
.city_info .m0 { margin: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.city_info .mb10 { margin-bottom: 10px; }
.city_info .mb20 { margin-bottom: 20px; }
.city_info .nolink { color: #999; }
.city_info .nolinknon { color: #333; }
.city_info .sline { padding: 20px; border: 1px solid #d6d6d6; width: 660px; background: #fff; margin-bottom: 25px; border-radius: 5px; }

/********************* Niigata style *********************/

.city_info h2 { margin-bottom: 25px; padding: 25px 8px 15px 8px; line-height: 25px; font-size: 25px; font-weight: bold; border: 1px solid #d6d6d6; background: #fff; width: 684px; border-radius: 5px; box-shadow: 0px 5px #14A92A inset; }
.city_info #city-nav { font-weight: bold; background: url(../images/bg_citynavi.jpg) no-repeat; margin-bottom: 19px; padding-left: 8px; height: 30px; }
.city_info #city-nav li { float: left; padding-top: 7px; padding-bottom: 5px; background: url(../images/icon_city.gif) no-repeat left; padding-right: 6px; padding-left: 8px; margin-right: 7px; }
.city_info #city-nav .no_icon { margin-left: 0; background-image: none; background: url(../images/bg_line02.gif) no-repeat right top; padding-right: 15px; padding-left: 7px; }

/********************* serch ***************************/

.city_info #serch,
.city_info #serch2 { width: 661px; margin-bottom: 25px; }
.city_info #serch .L-con { float: left; width:280px; }
.city_info #serch .R-con { float: right; width: 374px; }
.city_info #serch h3,
.city_info #serch2 h3 { background: url("../images/icon_search01.jpg") no-repeat scroll 4px 50% #EBF4EB; margin-bottom: 15px; padding: 5px 0 5px 28px; line-height: 18px; font-size: 16px; font-weight: bold; }
.city_info #serch h3 span,
.city_info #serch2 h3 span { padding-left: 10px; font-size: 12px; font-weight: normal; }
.city_info #serch h3 span.red,
.city_info #serch2 h3 span.red { color: #ff0000; }
.city_info #serch ul { margin-bottom: 14px; padding-bottom: 14px; }
.city_info #serch2 dl { margin-bottom: 10px; }
.city_info #serch ul.noBD,
.city_info #serch2 dl.noBD { margin-bottom: 3px; padding-bottom: 0px; border-bottom: none; }
.city_info #serch .city-s li,
.city_info #serch2 .city-s dd { float: left; padding-right: 13px; }
.city_info #serch #city_p li,
.city_info #serch2 #city_p dd { float: left; width: 150px; }
.city_info #serch .border-b li { float: left; padding-right: 23px; }
.city_info #serch2 .border-b dd { float: left;width:520px;border-left:1px dashed #333333; margin-left: 8px; padding-left: 8px; }
.city_info #serch2 .border-b dd ul{ float: left; width:520px;}
.city_info #serch2 .border-b dd li{ padding-right: 13px; float:left;}
.city_info #serch2 dt { float: left; color: #0082CD; display: inline;width: 120px; }

/******************* date     ***************************/

.city_info h3#dateh3 { margin-bottom: 7px; padding: 0 0 0 26px; background: url(../images/icon_point.gif) no-repeat left; line-height: 26px; font-size: 18px; font-weight: bold; }
.city_info #date { width: 682px; margin-bottom: 25px; padding: 9px; border: 1px solid #d6d6d6; border-radius: 5px; background-color:#fff;}
.city_info #date_in { padding-bottom: 14px; border: 1px solid #f2f2f2; background: url(../images/bg_date.gif) repeat-y; position: relative; }
.city_info #date_L { width: 200px; float: left; margin: 20px 10px 20px 10px; }
.city_info #date_R { width: 430px; float: right; margin: 20px 10px 20px 0; }
.city_info #date_L h4 { margin-bottom: 20px; padding-left: 45px; background: url(../images/icon_basic-info.jpg) no-repeat left 0.4em; line-height: 48px; font-weight: bold; font-size: 14px; }
.city_info #date_L dl,
.city_info #date_L p { margin: 0 0 0 8px; }
.city_info #date_L dl { width: 200px; }
.city_info #date_L dt { font-weight: bold; float: left; padding-right: 2px; }
.city_info #date_L dt.no_f { float: none; }
.city_info #date_L dd { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #b5b3a5; }
.city_info #date_L dd.noBD { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
.city_info #date_L dd ul li { float: left; margin: 1px 5px 3px 0; padding-right: 5px; line-height: 16px; border-right: 1px solid #333; }
.city_info #date_L dd.date_L_in dd { margin-bottom: 3px; padding-bottom: 0; border-bottom: none; }
.city_info #date_L dd.date_L_in dl { margin: 0; }
.city_info #date_L dd.date_L_in dt { float: none; font-weight: normal; }
.city_info #date_R h4 { margin-bottom: 5px; padding-left: 44px; background: url(../images/icon-summary.jpg) no-repeat left 0.3em; line-height: 33px; font-weight: bold; font-size: 14px; }
.city_info #date_R p { margin-bottom: 15px; }
.city_info #date_R div.cityphoto { width: 425px; padding-top: 10px; background: url(../images/bg_photo.gif) repeat-y; }
.city_info #date_R div.cityphoto img { display: block; padding: 0 15px 15px 10px; background: url(../images/bg_photo_btm.gif) no-repeat bottom; }
.city_info #date p.wiki { padding-right: 14px; text-align: right; font-size: 9px; }
.city_info #date .box_s { width: 100%; margin: 10px 0; }
.city_info #date .box_s th,
.city_info #date .box_s td { border: 1px solid #ccc; padding: 2px 4px; text-align: center; }

/******************* help ***************************/

.city_info h3.merit { height: 28px; padding-left: 35px; background: url(../images/icon_book.gif) no-repeat left top; line-height: 28px; font-size: 18px; font-weight: bold; }
.city_info table.box01 { width: 702px; margin: 10px 0 20px 0; }
.city_info table.box01 th,
td { padding: 15px 10px; }
.city_info table.box01 th.W01 { width: 15% }
.city_info table.box01 th.W02 { width: 25% }
.city_info table.box01 th.W03 { width: 60% }
.city_info table.box01 th { background: #dce9d8; vertical-align: middle; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.city_info table.box01 tr td { border-right: 1px solid #fff; padding-bottom: 15px; }
.city_info table.box01 tr th { background: #72b52c; border-right: 1px solid #fff; color: #fff; }
.city_info table.box01 tr th.th01 { background: #9acd32; color: #fff; }
.city_info table.box01 tr th.th02 { background: #9acd32; color: #fff; }
.city_info table.box01 tr td { background: #efefef; border-right: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 18px; }
.city_info table.box01 tr.l2 td { background: #dadada; border-right: 1px solid #fff; }
.city_info table.box01 td .boxtd { line-height: 18px; }
.city_info table.box01 tr td ul li { width: 90px; text-align: left; padding-left: 15px; position: relative; right: -300px; background: url(../images/icon_arrowG01.gif) no-repeat left 0.4em; }
.city_info table.box01 tr.l2 td ul li { background: url(../images/icon_arrowG02.gif) no-repeat left 0.4em; }

/******************* helplink ***************************/

.city_info div#helplink h3 { font-size: 20px; font-weight: bold; padding: 10px 20px 0px 20px; }
.city_info div#helplink { margin: 0 0 35px 0; padding: 0 0 15px 0; background: #F8FFF9; border: 3px solid #92DBA0; border-radius: 20px; width: 696px; }
.city_info div#helplink .helplink_dtl { background: #F8FFF9; }
.city_info div#helplink .helplink_dtl dl { padding: 13px 24px 0 24px; font-size: 12px; line-height: 24px; }
.city_info div#helplink .helplink_dtl dl dt { width: 120px; float: left; padding-left: 20px; background: url(../images/icon_city01.gif) no-repeat left; }
.city_info div#helplink .helplink_dtl dl dd { width: 520px; padding-left:140px;}
.city_info div#helplink .helplink_dtl dl dd ul li { display: inline; margin-right: 5px; padding: 5px 5px 5px 13px; cursor: pointer; color: #0082cd; font-weight:bold; background: url(../images/icon_down2.jpg) no-repeat 3px;}
.city_info div#helplink .helplink_dtl dl dd ul li:hover { color: #0082cd; text-decoration: none; }
.city_info div#helplink #boxWrap { padding: 10px 0 0 14px; }
.city_info div#helplink #boxWrap .boxWrap_in { width: 670px; margin: 0 0 0 0; padding: 0px 0 10px 0; border: 1px solid #92dba0; background: #fff; }
.city_info div#helplink #boxWrap .boxWrap_in h4 { font-size: 12px; margin-bottom: 5px; font-weight: bold; background: #92dba0; height: 23px; line-height: 23px; color: #fff; padding-left: 20px; }
.city_info div#helplink #boxWrap .boxWrap_in ul { margin: 0px 0; padding: 4px 18px; font-size: 12px; }
.city_info div#helplink #boxWrap .boxWrap_in ul li { float: left; padding: 0 18px 0 10px; background: url(../images/icon_city.gif) no-repeat left; }
.city_info div#helplink #box01,
.city_info div#helplink #box02,
.city_info div#helplink #box03,
.city_info div#helplink #box11,
.city_info div#helplink #box12,
.city_info div#helplink #box13,
.city_info div#helplink #box14,
.city_info div#helplink #box21,
.city_info div#helplink #box22,
.city_info div#helplink #box23,
.city_info div#helplink #box24,
.city_info div#helplink #box25,
.city_info div#helplink #box26 { display: none; }

/******************* information ***************************/

.city_info div#infomation h3 { font-size: 20px; font-weight: bold; padding: 10px 20px 0px 24px; }
.city_info div#infomation { margin: 0 0 35px 0; padding: 0 0 15px 0; background: #F8FFF9; border: 3px solid #92DBA0; border-radius: 20px; width: 696px; }
.city_info div#infomation .infomation_dtl { padding: 0 15px; }
.city_info div#infomation .helplink_dtl dl { padding: 13px 24px 0 24px; font-size: 12px; line-height: 24px; }
.city_info #infomation table { width: 648px; margin: 0px 10px 16px; }
.city_info #infomation table th,
.city_info #infomation table td { padding: 10px; border-bottom: 1px solid #ccc; text-align: left; vertical-align: middle; }
.city_info #infomation table th { padding-left: 20px; background: url(../images/icon_king.gif) no-repeat left; line-height: 24px; font-size: 12px; font-weight: normal; }
.city_info #infomation th.ranking { padding-left: 30px; background: url(../images/icon_king_l.gif) no-repeat left; line-height: 26px; height: 26px; font-size: 16px; font-weight: bold; }
.city_info #infomation ul.guide { margin-left: 10px; }
.city_info #infomation ul.guide li { float: left; background: url(../images/icon_load_s.gif) no-repeat left; padding: 0 30px 0 20px; }

/******************* anather ***************************/

.city_info #think { margin-top: 20px; }
#piclup.anather h3,
.city_info .anather h4 { margin: 35px 0 10px 0; padding: 0 0 0 33px; background: url(../images/icon_con.gif) no-repeat left; line-height: 26px; font-size: 18px; font-weight: bold; }
.city_info #think ul,
.city_info #reform ul,
.city_info #bld ul,
.city_info #piclup ul { margin-left: 33px; }
.city_info #think ul li { float: left; margin-right: 22px; }
.city_info #look ul li { display: inline-block; text-align: left; }
.city_info #look ul li a { line-height: 1.2; padding: 10px 15px; font-size: 20px; font-weight: bold; display: inline-block; min-width: 195px; vertical-align: top; border: 1px solid #c7c2ab; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0px -5px #14A92A inset; }
.city_info #look ul li a:link { color: #444444; text-decoration: none; text-align: center }
.city_info #look ul li a:visited { color: #444444; text-decoration: none; }
.city_info #look ul li a:hover { border: 1px solid #149e29; background: #14a92a; color: #fff; }
.city_info #look ul li.active a { border: 1px solid #149e29; background: #14a92a; color: #fff; text-decoration: none; text-align: center }
.city_info #look ul li.mansion a:link { background-image: url(../images/icon_shinchikumansion.gif); background-repeat: no-repeat; background-position: 18px 10px; }
.city_info #look ul li.house a:link { background-image: url(../images/icon_shinchikuhouse.gif); background-repeat: no-repeat; background-position: 25px 9px; }
.city_info #look ul li.land a:link { background-image: url(../images/icon_land.gif); background-repeat: no-repeat; background-position: 50px 6px; }
.city_info #look ul li.land a:hover,
.city_info #look ul li.land.active a { background-image: url(../images/icon_land_on.gif); background-repeat: no-repeat; background-position: 50px 6px; }
.city_info #look ul li.house a:hover,
.city_info #look ul li.house.active a { background-image: url(../images/icon_shinchikuhouse_on.gif); background-repeat: no-repeat; background-position: 25px 9px; }
.city_info #look ul li.mansion a:hover,
.city_info #look ul li.mansion.active a { background-image: url(../images/icon_shinchikumansion_on.gif); background-repeat: no-repeat; background-position: 18px 10px; }

/******************* pickup ***************************/

.city_info #piclup div.osusume table.box02 { width: 705px; }
.city_info #piclup div.osusume table.box02 td { margin: 0 0 5px 0; padding: 0 0 5px 0; }
.city_info #piclup div.osusume div#adOut { display: inline; float: left; margin: auto; margin: 5px 5px 0 0; }
.city_info #piclup #adOut table { border: 2px solid #6EC8E4; width: 230px; min-height: 100px;}
.city_info #piclup #adOut table td { border-bottom: 1px solid #E7E0C1; font-size: 80%; padding: 3px; text-align: left; vertical-align: top }
.city_info #piclup #adOut table td { padding: 3px; text-align: left; }
.city_info #designate_city h3 { margin: 35px 0 10px 0; padding: 0 0 0 33px; background: url(../images/icon_mapjapan.gif) no-repeat left; line-height: 26px; font-size: 18px; font-weight: bold; }
.city_info #designate_city ul { padding: 10px 13px; background: #efefef; }
.city_info #designate_city ul li { float: left; padding-right: 20px; line-height: 24px; }

/********* enseneki-ranking 121114 added iguchi**********************/

dl.leftrank { float: left; margin: 10px 0; padding: 0 15px 0 0; width: 240px; }
dl.rightrank { border-left: 1px dashed #777777; float: left; margin: 10px 0; padding: 0 0 0 15px; width: 180px; }
dl.leftrank dt,
dl.rightrank dt {background-color:#f2f2f2; margin: 8px 0; padding: 2px 0 2px 2px; }
dl.leftrank dd.fst,
dl.rightrank dd.fst { background: url("/img/goldstar.gif") no-repeat scroll 0 top transparent; }
dl.leftrank dd.scd,
dl.rightrank dd.scd { background: url("/img/silverstar.gif") no-repeat scroll 0 top transparent; }
dl.leftrank dd.trd,
dl.rightrank dd.trd { background: url("/img/brondstar.gif") no-repeat scroll 0 top transparent; }
dl.leftrank dd,
dl.rightrank dd { background: url("/img/rankstar.gif") no-repeat scroll 0 top transparent; }
dl.leftrank dd,
dl.rightrank dd { padding: 2px 0 2px 20px; }
dl.leftrank dd span,
dl.rightrank dd span { color: #747474; }
.box01 td { vertical-align: middle; }
#contents_section { width: 960px; margin: 0 auto; text-align: center; }
#contents_section:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
#breadcrumbs { width: 960px; margin: 0 auto; font-weight: normal }
#breadcrumbs h2 { font-weight: normal }
#headline_area01 { width: 960px; margin: 10px auto 10px }
#headline_area01 .headline01 { font-weight: 400; }
.searche_link01,
#searche_link01 { padding: 30px 0px 0px!important; text-align: left; clear: both }
.searche_link01 dt,
#searche_link01 dt { font-weight: bold; background: url(http://www.o-uccino.jp/common/img/search_arrow03.gif) no-repeat left center; padding-left: 10px!important; font-size: 12px; line-height: 1.4 }
.searche_link01 dd,
#searche_link01 dd { font-size: 12px; margin-bottom: 10px!important; padding-left: 10px!important; line-height: 1.4 }
.searche_link01 dd li,
#searche_link01 dd li { display: inline; padding-right: 4px!important; margin-right: 3px!important; border-right: 1px solid #CCCCCC }
.searche_link01 .last-child,
#searche_link01 .last-child { margin-bottom: 0px }

/* aside------------------------------------------ */

#aside01 { float: right; width: 230px; text-align: left; padding-bottom: 20px }
#aside01 .lead_text01 { font-size: 11px; width: 210px; margin: 0px 0px 10px 10px }
#aside01 .lead_text02 { font-size: 11px; width: 130px; background: url(/top/images/goethe_sprite.png) no-repeat right bottom; padding-right: 80px; margin: 0px 0px 10px 10px; min-height: 83px }
.aside_banner01 { margin-bottom: 10px }
.aside_banner02 { margin: 0px 0px 10px 9px }
.aside_box01 { background-color: #FFF; margin-bottom: 10px; border: 1px solid #c7c2ab; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.aside_box02 { background-color: #FFF; margin-bottom: 10px; position: relative; border: 1px solid #c7c2ab; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.aside_box03 { background-color: #f4f3ee; margin-bottom: 10px; border: 1px solid #c7c2ab; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.aside_headline01 { padding: 7px 0px 5px 28px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #c7c2ab; margin-bottom: 8px; line-height: 1.4 }
.aside_headline02 { padding: 7px 0px 5px 28px; font-size: 14px; margin-bottom: 0px; line-height: 1.4 }
.aside_headline03 { background-image: url(/top/images/icon_goethe04.png); background-repeat: no-repeat; background-position: left bottom; padding: 10px 0px 0px 70px; margin-bottom: 10px; min-height: 42px }
.aside_headline04 { padding: 10px 5px; font-size: 12px; line-height: 1.2; text-align: center; font-weight: bold }
#aside01 .icon_type01 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -337px }
#aside01 .icon_type02 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -378px }
#aside01 .icon_type03 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -138px }
#aside01 .icon_type04 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -217px }
#aside01 .icon_type05 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -177px }
#aside01 .icon_type06 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -298px }
#aside01 .icon_type07 { background: url(/top/images/common/icon_sprite.png) no-repeat 10px -257px }
#aside01 .icon_type08 { background: url(/top/images/common/icon_article01.png) no-repeat 10px 4px }
#aside01 .pickup_list,
#aside01 .release_list,
#aside01 .smapho_list,
#aside01 .keisai_list { margin: 0px 0px 10px 10px }
#aside01 .pickup_list li { border-bottom: 1px dotted #ccc; margin-bottom: 5px; padding-bottom: 5px }
#aside01 .pickup_list .text { background: url(/top/images/common/icon_arrow01.png) no-repeat left 4px; float: left; width: 143px; line-height: 1.6; padding: 0px 4px 0px 10px }
#aside01 .pickup_list .photo { float: left; width: 49px }
#aside01 .pickup_list .lastchild { border-bottom-width: 0px; border-bottom-style: none }
#aside01 .release_list li,
#aside01 .smapho_list li,
#aside01 .keisai_list li { background: url(/top/images/common/icon_arrow01.png) no-repeat left 4px; margin-bottom: 3px; padding: 0px 10px }
#aside01 .release_list .survey_link { background: url(/top/images/common/icon_sprite.png) no-repeat right -430px; text-align: right; margin: 10px 0px 5px; padding: 0px 30px 0px 0px }
#aside01 .sns_list { text-align: right; margin-bottom: 10px }
#aside01 .sns_list li { margin-left: 10px; display: inline-block }
#aside01 .truste { float: left; width: 116px; padding-top: 15px }
#aside01 .kousei { float: right; width: 80px }
#aside01 .mobile_layout { float: left; width: 130px; margin: 0px 5px 0px 9px; padding-bottom: 10px }
#aside01 .mobile_layout .text { font-size: 11px; margin-bottom: 10px }
#aside01 .mobile_layout .link { font-size: 12px; background: url(/top/images/common/icon_arrow01.png) no-repeat left 3px; padding: 0px 0px 0px 10px }
#aside01 .qr_code { float: left; margin-bottom: 10px }

/* accordion */

#aside01 .aside_box02 .accordion_container { border-top-width: 1px; border-top-style: dashed; border-top-color: #c7c2ab }
#aside01 .aside_box02 .button,
#aside01 .button,
#aside01 .aside_box02 .open,
#aside01 .open { height: 11px; width: 207px; background-repeat: no-repeat; background-position: 163px top; display: block; margin: 0px 0px 10px 10px; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden }
#aside01 .aside_box02 .button,
#aside01 .button { background-image: url(/top/images/common/icon_accordion01.png) }
#aside01 .aside_box02 .open,
#aside01 .open { background-image: url(/top/images/common/icon_accordion02.png) }
#aside01 .aside_box02 .button { position: absolute; top: 9px; right: 10px }
#aside01 .aside_box02 .open { position: static }
#aside01 .thing_list00 { background: url(/top/images/common/load01.gif) no-repeat center top; text-align: center; margin: 0px auto; height: 45px; width: 45px; display: block; padding: 5px 0px 5px }
#aside01 .accordion .thing_list01 { border-top-width: 1px; border-top-style: solid; border-top-color: #c7c2ab; padding-top: 10px }
#aside01 .aside_box02 .thing_list01:nth-child(1) { border-top-width: 0px; border-top-style: none }
#aside01 .thing_list01 { margin: 0px 0px 10px 10px; width: 207px }
#aside01 .thing_list01 .photo { float: left; width: 51px; height: 51px; padding: 3px 0px 0px 3px; margin: 0px 10px 5px 0px; border: 1px solid #c7c2ab; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
#aside01 .thing_list01 .photo span { width: 48px; height: 48px; background: #EEEEEE; vertical-align: middle; text-align: center; display: table-cell; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
#aside01 .thing_list01 .title { font-weight: bold; margin-bottom: 5px; display: inline-block }
#aside01 .thing_list01 .text_icon01 { background-color: #14a92a; color: #FFF; font-size: 10px; padding: 2px 5px 2px; line-height: 1; margin-bottom: 5px; font-weight: normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width: 80px; display: inline-block }
#aside01 .thing_list01 .price { color: #ff8200; font-weight: bold; margin-bottom: 5px }
#aside01 .thing_list01 .detail { clear: both }
#aside01 .thing_list01 .detail li { display: inline }

/* aside_form */

.aside_formbox { background-image: url(/top/images/common/slanting_bg01.gif); background-repeat: repeat; background-position: left top; padding-bottom: 10px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.aside_form .textarea01 { width: 210px; height: 136px; margin: 0px 0px 15px 7px }
.aside_form .button01 { margin: 0 0 12px 25px; text-align: center }
.aside_formbox .form_text { font-size: 11px; margin: 0px 5px 5px 10px }
.aside_formbox .form_link { font-size: 11px; margin: 0px 5px 0 10px; background: url(/top/images/common/icon_arrow01.png) no-repeat left 3px; padding-left: 10px }
.aside_formbox .comments_input { line-height: 1.4 }
.aside_formbox .comments_thanks { background-color: #FFF; width: 192px; border: 1px solid #ccc; padding: 10px; line-height: 1.4; margin: 0px 0px 15px 8px; min-height: 120px }
.aside_formbox .text01 { margin-bottom: 5px }
.aside_formbox .text02 { margin-bottom: 5px; font-size: 11px }

/* page_top */
.page_top{position:fixed;right:5%;bottom:0}
.page_top a{outline:none}


#aside01 .mobile_layout:after,
#aside01 .pickup_list li:after,
#aside01 .accordion:after,
#aside01 .thing_list01:after,
#aside01 .aside_box01:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }