@charset "UTF-8";

/* CSS Document */



body{ margin:0; padding:0; background:#000 none no-repeat center top;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em; font-size:14px; color:#FFF; max-width: 100%; }
img{ border:none; }

.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }

a,a:hover {color:#FFF579;transition:.3s;}
a:hover {color:#d9c07b;text-decoration:none;}
a img,a:hover img {transition:.3s;}
a:hover img {opacity:.85;-ms-filter: "alpha(opacity=85)";}

h1,h2,h3,h4,div,p,ul,li{ margin:0; padding:0;}

ul,li{list-style: none;}


#wrap{ margin:0 auto; background:url(../img/cmn/contbg_t.jpg) repeat-x top #e1e1e1; padding-top: 60px;}

.bg_b{ margin:0 auto; background:url(../img/cmn/contbg_b.jpg) repeat-x bottom;}
.bg_wrap{ background:#d6d6d6; background: url("../../img/cmn/lineup_bg.jpg") repeat-y top center fixed;}


#container{ width:1000px; margin:0 auto; background:url(../img/cmn/bgblue.jpg) repeat-y center #39bbe5;}



/* box-sizing */
.boxsize{box-sizing:border-box; -webkit-box-sizing:border-box; }

/* ul 左詰め */
ul.col2{list-style:none;}
ul.col2 > li{float:left;}

/*--------------------------
ヘッダー
-------------------------------*/
#head{width:100%; padding:20px 0; background:url(../img/cmn/hdbg.jpg);}
#head .hdcont{width:1000px; margin:0 auto;}
#head .hdr{text-align:center; float: right;}



/*--------------------------
ブログリンク
-------------------------------*/

.blog_tpc{list-style:none; padding:20px; width:800px; margin:0 auto; background: #222;}

.blog_tpc li{float:left;}

.blog_tpc .tpc_bnr{width:200px; margin:0 20px 0 0;}
.blog_tpc .tpc_ttl{width: 255px; font-size: 18px; line-height: 1.6; }

a .blog_tpc .tpc_ttl { color:#FFF;
}

a .blog_tpc .tpc_ttl :hover{ opacity:0.8; transition:.3s;}

/*--------------------------
骨格リンク
-------------------------------*/

.t_kokkaku_tpc{list-style:none; padding:20px; width:800px; margin:0 auto; background: #f39800;}



.t_kokkaku_tpc .tpc_bnr{width:200px; margin:0 20px 0 0;}
.t_kokkaku_tpc .tpc_ttl{width: 255px; font-size: 18px; line-height: 1.6; }

a .t_kokkaku_tpc .tpc_ttl { color:#FFF;
}

a .t_kokkaku .tpc_ttl :hover{ opacity:0.8; transition:.3s;}


/*-------------------------------
商品説明欄
--------------------------------*/
/*cmn*/
.i_name{padding:28px 0 13px 0; text-align:center;}
.i_name_btm{display:block; margin:0;}

.bg_bottom_r{background:url(../img/cmn/item_bg_btm_r.png) no-repeat bottom center;padding:20px 30px 80px; }
.bg_bottom_l{background:url(../img/cmn/item_bg_btm_l.png) no-repeat bottom center;padding:20px 30px 53px; }

/*背景画像の一番下の色を指定する
記入例:(../img/cmn/item_bg_violet2.jpg) no-repeat top center #4c2c55 ←ここ ; }*/
.bg_gray2{background:url(../img/cmn/item_bg_gray2.jpg) no-repeat top center #477385;}
.bg_red{background:url(../img/cmn/item_bg_red.jpg) no-repeat top center #80143c;}
.bg_darkred{background:url(../img/cmn/item_bg_darkred.jpg) no-repeat top center #8e1c1c;}
.bg_violet7{background:url(../img/cmn/item_bg_violet7.jpg) no-repeat top center #576bb4;}
.bg_violet6{background:url(../img/cmn/item_bg_violet6.jpg) no-repeat top center #470e0e;}
.bg_violet5{background:url(../img/cmn/item_bg_violet5.jpg) no-repeat top center #4d4995;}
.bg_violet4{background:url(../img/cmn/item_bg_violet4.jpg) no-repeat top center #2f0d1a;}
.bg_violet3{background:url(../img/cmn/item_bg_violet3.jpg) no-repeat top center #80143c;}
.bg_violet2{background:url(../img/cmn/item_bg_violet2.jpg) no-repeat top center #4c2c55;}
.bg_violet{background:url(../img/cmn/item_bg_violet.jpg) no-repeat top center #068cd1;}
.bg_blue{background:url(../img/cmn/item_bg_blue.jpg) no-repeat top center #068cd1;}
.bg_blue2{background:url(../img/cmn/item_bg_blue_2.jpg) no-repeat top center #224d93;}
.bg_blue3{background:url(../img/cmn/item_bg_blue_3.jpg) no-repeat top center #1694b9;}
.bg_gray{background:url(../img/cmn/item_bg_gray.jpg) no-repeat top center #068cd1;}
.bg_green{background:url(../img/cmn/item_bg_green.jpg) no-repeat top center #1d9ba7;}
.bg_brightred{background:url(../img/cmn/item_bg_brightred.jpg) no-repeat top center #c14d4d;}
.bg_yellow{background:url(../img/cmn/item_bg_yellow.jpg) no-repeat top center #987600;}
.bg_tregia{background:url(../img/cmn/item_bg_tregia.jpg) no-repeat top center #202ba7;}
.bg_taiga_s{background:url(../img/200109/itembg.jpg) no-repeat top center #890000;}
.bg_geed_uf{background:url(../img/200221/item_bg.jpg) no-repeat top center #3d435f;}
.bg_taitas{background:url(../img/200305/itembg.jpg) no-repeat top center #5a6200;}
.bg_shining_zero{background:url("../img/200514/itembg.jpg") no-repeat top center #b67900;}



.item_cont{width:940px; min-height:737px; position:relative;}
.item_cont .item_main, .item_cont .item_txt01, .item_cont .item_txt02, .item_cont .item_txt03{position:absolute;}
.item_cont p:not(.item_main){z-index:5;}

.item_logo_copy img{width: 100%;}

.thums{margin:30px auto 35px ;}
.thums li{margin-right:10px;}
.thums li:nth-child(5n){margin-right:0;}

.item_dtl{max-height: 100%;}
.item_dtl > li{width:470px; font-size:16px; padding-left:40px; line-height:1.4;}
.item_dtl > li:first-child{border-right:1px solid #FFF; padding:0 30px 0 0;}

.item_dtl .item_info ul{list-style:none;}
.item_dtl .item_info ul li{position:relative;}
.item_dtl .item_info ul li:before{content:''; width:8px; height:8px; position:absolute; top:50%; margin-top:-4px; background:#FFF; left:-1em;}
.item_dtl .item_info .reservation {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
    display: block;
}

.syouten_bnr{ text-align: center;}


/*-- 200514_シャイニングウルトラマンゼロ --*/
#shf_shining_zero .i_name{background:#b67900; padding:28px 0 13px 20px; text-align: left; }
#shf_shining_zero .item_main{right:-42px; top:-60px;}
#shf_shining_zero .item_txt01{left:-18px; top:10px;}
#shf_shining_zero .item_txt02{left:-30px; bottom:-55px; }
#shf_shining_zero .thums { margin: 75px auto 35px;}
#shf_shining_zero .thums li{padding-bottom:9px;}
#shf_shining_zero .thums_BOX{margin-top:90px;}
#shf_shining_zero .item_info{padding-left:20px;}

/*-- 200305_タイタス --*/
#shf_taitas .i_name{background:#5a6200; text-align: left; padding: 28px 0 13px 20px;}
#shf_taitas .item_main{left:-52px; top:-124px;}
#shf_taitas .item_txt01{right:-9px; top:15px;}
#shf_taitas .item_txt02{right:-9px; bottom:-37px;}
#shf_taitas .thums { margin: 100px auto 35px;}
#shf_taitas .thums_BOX{margin-top:90px;}
#shf_taitas .item_info{padding-left:20px;}


/*-- 200221_ウルトラマンジード ウルティメイトファイナル --*/
#shf_geed_uf .i_name{background:#3d435f; padding:28px 0 13px 20px; text-align: left; }
#shf_geed_uf .item_main{right:-42px; top:-60px;}
#shf_geed_uf .item_txt01{left:-10px; top:20px;}
#shf_geed_uf .item_txt02{left:-10px; bottom:-40px; }
#shf_geed_uf .thums { margin: 75px auto 35px;}
#shf_geed_uf .thums li{padding-bottom:9px;}
#shf_geed_uf .thums_BOX{margin-top:90px;}
#shf_geed_uf .item_info{padding-left:20px;}

/*-- 200109_タイガトライストリウム --*/
#shf_taiga_s .i_name{background:#890000; padding:28px 0 13px 20px; text-align: left; }
#shf_taiga_s .item_main{right:-42px; top:-60px;}
#shf_taiga_s .item_txt01{left:-10px; top:20px;}
#shf_taiga_s .item_txt02{left:-10px; bottom:-40px; }
#shf_taiga_s .thums { margin: 75px auto 35px;}
#shf_taiga_s .thums li{padding-bottom:9px;}
#shf_taiga_s .thums_BOX{margin-top:90px;}
#shf_taiga_s .item_info{padding-left:20px;}


/*-- 191212_トレギア --*/
#shf_tregia .i_name{background:#00024a; text-align: left; padding: 28px 0 13px 20px;}
#shf_tregia .item_main{left:-52px; top:-95px;}
#shf_tregia .item_txt01{right:-9px; top:15px;}
#shf_tregia .item_txt02{right:-9px; bottom:-79px;}
#shf_tregia .thums { margin: 100px auto 35px;}
#shf_tregia .thums_BOX{margin-top:90px;}
#shf_tregia .item_info{padding-left:20px;}


/*-- 190807_モンスアーマー --*/
#shf_monsarmor .i_name{background:#6f5000; padding:28px 0 13px 20px; text-align: left; }
#shf_monsarmor .item_main{right:-30px; top:-134px;}
#shf_monsarmor .item_txt01{left:-10px; top:-2px;}
#shf_monsarmor .item_txt02{left:-10px; bottom:0px; }
#shf_monsarmor .thums { margin: 40px auto 35px;}
#shf_monsarmor .thums li{padding-bottom:9px;}
#shf_monsarmor .thums_BOX{margin-top:90px;}
#shf_monsarmor .item_info{padding-left:20px;}
/*-- 190807_モンスアーマー --*/

/*-- 190801_タイガ --*/
#shf_taiga .i_name{background:#6a1417; padding:28px 0 13px 20px; text-align: left; }
#shf_taiga .item_main{right:-40px; top:-150px;}
#shf_taiga .item_txt01{left:7px; top:-5px;}
#shf_taiga .item_txt02{left:7px; bottom:-101px; }
#shf_taiga .thums { margin: 130px auto 35px;}
#shf_taiga .thums li{padding-bottom:9px;}
#shf_taiga .thums_BOX{margin-top:90px;}
#shf_taiga .item_info{padding-left:20px;}
/*-- 190801_タイガ --*/

/*-- 190529_ギンガ --*/
#shf_ginga .i_name{background:#00445b;}
#shf_ginga .item_main{left:-30px; top:-105px;}
#shf_ginga .item_txt01{right:-9px; top:15px;}
#shf_ginga .item_txt02{right:-18px; bottom:-55px;}
#shf_ginga .thums { margin: 100px auto 35px;}
#shf_ginga .thums_BOX{margin-top:90px;}
#shf_ginga .item_info{padding-left:20px;}

.pair_image {width:833px; margin: 30px auto 35px; text-align:center;}
.pair_image .tpc_bnr{width:200px; margin:0 20px 0 0;}
.pair_image .tpc_ttl{width: 255px; font-size: 20px; line-height: 1.6; }
a .pair_image .tpc_ttl { color:#FFF;}
a .pair_image .tpc_ttl :hover{ opacity:0.8; transition:.3s;}
/*-- 190529_ギンガ --*/

/*-- 190308_マグニフィセント --*/
#shf_magnificent .i_name{background:#16124f; padding:28px 0 13px 20px; text-align: left; }
#shf_magnificent .item_main{right:-30px; top:-90px;}
#shf_magnificent .item_txt01{left:-35px; top:-32px;}
#shf_magnificent .item_txt02{left:-4px; bottom:-75px; }
#shf_magnificent .thums { margin: 100px auto 35px;}
#shf_magnificent .thums_BOX{margin-top:90px;}
#shf_magnificent .item_info{padding-left:20px;}
/*-- 190308_マグニフィセント --*/

/*-- 190207_オプションパーツセット --*/
#shf_xset .i_name{background:#005572;}
#shf_xset .item_main{left:-30px; top:-117px;}
#shf_xset .item_txt01{right:240px; top:1px;}
#shf_xset .item_txt02{right:168px; bottom:10px;}
#shf_xset .thums { margin: 10px auto 35px;}
#shf_xset .item_info{padding-left:20px;}

/*-- 190207_オプションパーツセット --*/

/*-- 190125_ビクトリー --*/
#shf_victory .i_name{background:#540003;}
#shf_victory .item_main{left:19; top:-117px;}
#shf_victory .item_txt01{right:-10px; top:15px;}
#shf_victory .item_txt02{right:-26px; bottom:-85px;}
#shf_victory .thums { margin: 100px auto 35px;}
#shf_victory .thums_BOX{margin-top:90px;}
#shf_victory .item_info{padding-left:20px;}

.pair_image {width:833px; margin: 30px auto 35px; text-align:center;}
.pair_image .tpc_bnr{width:200px; margin:0 20px 0 0;}
.pair_image .tpc_ttl{width: 255px; font-size: 20px; line-height: 1.6; }
a .pair_image .tpc_ttl { color:#FFF;}
a .pair_image .tpc_ttl :hover{ opacity:0.8; transition:.3s;}
/*-- 190125_ビクトリー --*/

/*-- 181122_ベリアル --*/
#shf_belial .i_name{background:#000; padding:28px 0 13px 20px; text-align: left; }
#shf_belial .item_main{right:-30px; top:-98px;}
#shf_belial .item_txt01{left:-8px; top:10px;}
#shf_belial .item_txt02{left:-20px; bottom:-20px; }
#shf_belial .thums { margin: 50px auto 35px;}
#shf_belial .thums_BOX{margin-top:90px;}
#shf_belial .item_info{padding-left:20px;}
/*-- 181122_ベリアル --*/

/*-- 180926_ゼロ --*/
#shf_zero .i_name{background:#0a3a75;}
#shf_zero .item_main{left:19; top:-148px;}
#shf_zero .item_txt01{right:14px; top:-11px;}
#shf_zero .item_txt02{right:-10px; bottom:-25px;}
#shf_zero .thums { margin: 50px auto 35px;}
#shf_zero .thums_BOX{margin-top:90px;}
#shf_zero .item_info{padding-left:20px;}
/*-- 180926_ゼロ --*/


/*-- 180628_ゼロビヨンド --*/
#shf_veyond .i_name{background:#16124f;}
#shf_veyond .item_main{right:-10px; top:-110px;}
#shf_veyond .item_txt01{left:17px;}
#shf_veyond .item_txt02{left:0px; bottom:-60px;}
#shf_veyond .thums_BOX{margin-top:90px;}
#shf_veyond .item_info{padding-left:20px;}
/*-- 180628_ゼロビヨンド  --*/


/*-- 180523_ウルトラマンX --*/
#shf_X .i_name{background:#3d3e41;}
#shf_X .item_main{left:0; top:-35px;}
#shf_X .item_txt01{right:-29px; top:-50px;}
#shf_X .item_txt02{right:11px; bottom:-11px;}
/*-- 180523_ウルトラマンX --*/


/*-- 180220_ロイヤルメガマスター --*/
#shf_royalmegamaster .i_name{background:#3d435f;}
#shf_royalmegamaster .item_main{right:-50px; top:-145px;}
#shf_royalmegamaster .item_txt01{left:10px; top:-20px;}
#shf_royalmegamaster .item_txt02{left:0px; bottom:-11px;}
/*-- 180220_ロイヤルメガマスター --*/


/*-- 171211_アストロシアス --*/
#shf_atrocious .i_name{background:#261f25;}
#shf_atrocious .item_main{left:19; top:6px;}
#shf_atrocious .item_txt01{right:0; top:30px;}
#shf_atrocious .item_txt02{right:0; bottom:28px;}
#shf_atrocious .thums { margin: 50px auto 35px;}
/*-- 171211_アストロシアス --*/


/*-- 170926_サンダーブレスター --*/
#shf_thunder_breastar .i_name{background:#55160f;}
#shf_thunder_breastar .item_main{left:19; top:6px;}
#shf_thunder_breastar .item_txt01{right:0; top:15px;}
#shf_thunder_breastar .item_txt02{right:0; bottom:28px;}
/*-- 170926_サンダーブレスター --*/


/*-- 170926_ジードプリミティブ --*/
#shf_geed .i_name{background:#620433;}
#shf_geed .item_main{right:0; top:-28px;}
#shf_geed .item_txt01{left:-31px; top:-33px;}
#shf_geed .item_txt02{left:-48px; bottom:-11px;}
/*-- 170926_ジードプリミティブ --*/


/*-- 170824_ジャグラスジャグラー --*/
#shf_jugglass .i_name{background:#3b1846;}
#shf_jugglass .item_main{right:-16px; top:-20px;}
#shf_jugglass .item_txt01{left:30px; top:-15px;}
#shf_jugglass .item_txt02{left:18px; bottom:20px;}
/*-- 170824_ジャグラスジャグラー --*/


/*-- スペシウムゼペリオン --*/
#shf_spacium .i_name{background:#2C275B;}
#shf_spacium .item_txt01{right:60px; top:0;}
#shf_spacium .item_txt02{right:15px; bottom:20px;}
/*-- スペシウムゼペリオン --*/



/*-- ウルトラマンオーブオリジン --*/
#shf_orb_origin .i_name{background:#27355b;}
#shf_orb_origin .item_txt01{right:60px; top:0;}
#shf_orb_origin .item_txt02{right:15px; bottom:24px;}
/*-- ウルトラマンオーブオリジン --*/


/*-- ウルトラマンオーブオリジン --*/
#shf_origin_first .i_name{background:#3d3e41;}
#shf_origin_first .item_main{right:0; top:-20px;}
#shf_origin_first .item_txt01{left:30px; top:-35px;}
#shf_origin_first .item_txt02{left:60px; bottom:20px;}
/*-- ウルトラマンオーブオリジン --*/



/*-------------------------------
↓
--------------------------------*/

.s_bnr{margin:80px auto 100px; text-align:center;}



/*------------------------------------------
【商品詳細BOX】
--------------------------------------------*/

#itembox{ border:1px solid #666; padding:20px; width:380px; margin:2em auto; background:#FFF; color:#666; font-size:12px;}

#bitembox ul{ list-style:none; margin:0; padding:0; width:380px; display:table;}

#itembox ul li{ display:table-cell; vertical-align:top; list-style:none inside; height:auto;}

#itembox ul .img-thum{ width:130px; padding-right:20px; }

#itembox ul .img-thum img{ border-radius:3px; width:130px; height:auto; }

#itembox ul .item-spec{ width:230px; text-align:left; }

#itembox ul .item-spec .title_b{ font-size:12px;}

#itembox ul .item-spec .title_item{padding:5px 0 10px; font-size:20px;}

#itembox ul .item-spec .announced{ padding-top:15px; font-size:10px;}

/*------------------------------------------
【その他大リンク】
--------------------------------------------*/

a .L_btn{font-size:18px; display: inline-block; margin:20px 0; padding:13px 40px; border: 1px solid #666; background: transparent; color: #666; text-align: center; text-decoration: none; line-height:1.5em; transition: .3s; text-indent: 1em; letter-spacing: 0.1em;
}

a .L_btn:hover { background:#666; color: #FFF;}

/*------------------------------------------
【ブランド詳細BOX】
--------------------------------------------*/

#brandbox{ border:1px solid #FFF; padding:20px; width:800px; margin:20px auto 0; background:#e1e1e1; color:#666; font-size:12px;}

#brandbox ul{ list-style:none; margin:0; padding:0; width:800px; display:table;}

#brandbox ul li{ display:table-cell; vertical-align:middle; list-style:none inside; height:auto;}

#brandbox ul .brandlogo{  width:270px; padding-right:30px; }

#brandbox ul .brandlogo img{ width:270px; height:auto; }

#brandbox ul .brandtext{ float:left; width:500px; text-align:left; }

#brandbox ul .btn_flame{width:500px; float:right;}

.at15{text-align:center; margin:10px auto 40px; font-weight:bold;}

/*------------------------------------------
【商品詳細ボタン、ブランド商品一覧ボタン】
--------------------------------------------*/

a .btn{font-size:12px; display: inline-block; margin:20px 0 0; padding: 10px; border: 1px solid #666; background: transparent; color: #666; text-align: center; text-decoration: none; float:right; line-height:1.5em; transition: .3s;
}

a .btn:hover { background:#666; color: #FFF;
}



/*------------------------------------------
【シリーズサンプル画像】
--------------------------------------------*/
.sumple_area{text-align:center;}
.sumple_text{margin:64px auto 5px; font-weight:bold; font-size:20px;}
.sumple_text02{text-align:center; margin:0px auto 20px;}
.sumple_img { margin:0 0 0 124px;}
.sumple_img li { margin:0 10px;}
.sumple_img img { margin-bottom:10px;}

/*------------------------------------------
【フッター】
--------------------------------------------*/



#footer_wrap{ font:12px; padding:30px 0; background:#000000; color:#FFFFFF; letter-spacing:0em; border-top:1px solid #666; font-size:12px;}

#footer_Box{ width:1000px; margin:0 auto; line-height:1.8em;}

#footer_Box ul{ list-style:none; margin:0; padding:0; display:table; width:100%;}

#footer_Box ul li { padding:0; margin:0; display:table-cell; vertical-align:top;}

#footer_Box ul li a{ color:#FFFFFF; text-decoration:none;}
#footer_Box ul li a:hover{ color:#FFFFFF; text-decoration:underline;}

/* デザインに合わせて変更*/
.copy { color:#333333; font-size:12px; line-height:1.8em; padding:30px 0; text-align: center; }
.link a{ color:#FFFFFF; }

#footer_Box ul .top_box{ border-left:1px #333333 dotted; padding:0 2%; width:31%; position:relative;}

#footer_Box ul .top_box2{ border-left:1px #333333 dotted; padding:0 2%; width:31%; position:relative;}

.top_box .title{ background:#3e2d7c; border-radius:3px; padding:5px 10px 3px;}
/*******************/


#footer_Box ul .top_box ul{ margin:10px 0 10px; padding:0; display:table;}

#footer_Box ul .top_box ul li{
	background: url(../img/cmn/listicon.png) left center no-repeat;
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
	line-height:1.5em;
}


.top_box2 ul{ padding:0; margin:0 0 20px; width: 100%; display:table;}

.top_box2 ul li{
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
}

.top_box2 ul li .note{ position:absolute; top:0; display:block; right:0; font-size:10px;}

.top_box2 ul li .link01{ background: url(../img/cmn/linkicon.png) no-repeat center left; position: absolute; display: block; bottom:25px; right:0; padding-left:20px; }

.top_box2 ul li .link02{ background: url(../img/cmn/linkicon.png) no-repeat center left; position: absolute; display: block; bottom:0; right:0; padding-left:20px; }

/* 下段ロゴ */

#footer_bottom{ margin:20px auto 0;}
#footer_bottom ul{ list-style:none; margin:0; padding:0; display:table; width:100%;}
#footer_bottom ul li { padding:0; margin:0; display:table-cell; vertical-align:bottom;}

#footer_bottom ul .left_Tbnr{ width:10%; text-align:left;}

#footer_bottom ul .center_Tnation{ width:80%; color:#CCC; font-size:10px; line-height:14px; text-align:center; padding:10px 0; margin:10px auto 0; word-break: keep-all;}

#footer_bottom ul .right_Bicon{ width:10%;  text-align:right;}


#pullup{padding:5px; position:fixed; bottom:90px; right:10px; z-index:9000; }

/* ------ */



/* common styles */
.hide{ display:none; }

/** margin control **/
.nomargin{ margin:0 !important; }
.notopmargin{ margin-top:0 !important; }
.nobtmargin{ margin-bottom:0 !important; }

.leftmargin1em{ margin:0 0 0 1em; }
.leftmargin2em{ margin:0 0 0 2em; }
.rightmargin1em{ margin:0 1em 0 0; }
.rightmargin2em{ margin:0 2em 0 0; }

.mgtop10{ margin-top:10px;}
.mgbottom50{ margin-bottom:50px;}

/** padding control **/
.leftpad1em{ padding:0 0 0 1em; }
.leftpad2em{ padding:0 0 0 2em; }
.rightpad1em{ padding:0 1em 0 0; }
.rightpad2em{ padding:0 2em 0 0; }
.bpad1em{ padding:0 0 1em 0; }
.padtop10{ padding-top:10px;}
.padtop20{ padding-top:20px;}
.padtop30{ padding-top:30px;}
.padtop40{ padding-top:40px;}
.padtop50{ padding-top:50px;}
.padtop60{ padding-top:60px;}
.padtop70{ padding-top:70px;}
.padtop80{ padding-top:80px;}
.padbottom10{ padding-bottom:10px;}
.padbottom20{ padding-bottom:20px;}
.padbottom30{ padding-bottom:30px;}
.padbottom40{ padding-bottom:40px;}
.padbottom50{ padding-bottom:50px;}
.padbottom60{ padding-bottom:60px;}
.padbottom70{ padding-bottom:70px;}
.padbottom80{ padding-bottom:80px;}
/** text align **/
.aleft{ text-align:left !important; }
.aright{ text-align:right !important; }
.acenter{ text-align:center !important; }

/** float control **/
.fleft{ float:left !important; }
.fright{ float:right !important; }
.clear{ clear:both; }

/** fontsize control **/
.larger{ font-size:larger !important;}
.smaller{ font-size:smaller !important;}

/** width control **/
.contentwidth{ width:100%; }

/** notice color **/

.under_line{ border-bottom:1px solid #999; padding:5px 0; }

/* -- END -- common styles */



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; font-size:12px;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; font-size:12px;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}