@charset "UTF-8"; @import url("/web/20191207080633cs_/http://maginodrive.jp/client_info/MAGES/view/userweb/css/smoothness/jquery-ui-1.8.4.custom.css"); /* ======================================================================= CSSの名前：style.css 最終更新日時：2012/2/15 -------------------------------------------------------------------------- 1.reset 2.base 3.コンテナ・サイドバー・メインコンテンツ 4.ヘッダ 5.サイドバー 6.extファイル用 7.トップページ 8.カートの中身～注文完了まで、プレゼント応募～完了まで 9.定期購入商品履歴照会・変更 10.フッタ 11.商品詳細・一覧、プレゼント詳細・一覧 12.レビュー 13.購入履歴 14.サブウインドウで表示するページ用 15.エラーページ ======================================================================= */ /* ================================================================= 1.reset =================================================================*/ body{background:#FFF; margin:0 auto; color:#061427; line-height:1.5; font-size:80%; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word;} /* すべてのタグのマージン・パディングの設定をリセット -------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;} li{list-style-type:none;} table{border-collapse:collapse; border-spacing:0;} img{border:0;} /* ================================================================= 2.base =================================================================*/ /* padding/margin -------------------------------------------------------------*/ .m0{margin:0;} .mT0{margin-top:0;} .mB0{margin-bottom:0;} .mR0{margin-right:0;} .mL0{margin-left:0;} .mT10{margin-top:10px;} .mB10{margin-bottom:10px;} .mR10{margin-right:10px;} .mL10{margin-left:10px;} .mT20{margin-top:20px;} .mB20{margin-bottom:20px;} .mR20{margin-right:20px;} .mL20{margin-left:20px;}　　　　　　　　　　　　　 .mT30{margin-top:30px;} .mB30{margin-bottom:30px;} .mR30{margin-right:30px;} .mL30{margin-left:30px;} .mT40{margin-top:40px;} .mB40{margin-bottom:40px;} .mR40{margin-right:40px;} .mL40{margin-left:40px;} .mT50{margin-top:50px;} .mB50{margin-bottom:50px;} .mR50{margin-right:50px;} .mL50{margin-left:50px;} /*------------------------------*/ .p0{padding:0;} .pT0{padding-top:0;} .pB0{padding-bottom:0;} .pR0{padding-right:0;} .pL0{padding-left:0;} .pT10{padding-top:10px;} .pB10{padding-bottom:10px;} .pR10{padding-right:10px;} .pL10{padding-left:10px;} .pT20{padding-top:20px;} .pB20{padding-bottom:20px;} .pR20{padding-right:20px;} .pL20{padding-left:20px;} .pT30{padding-top:30px;} .pB30{padding-bottom:30px;} .pR30{padding-right:30px;} .pL30{padding-left:30px;} .pT40{padding-top:40px;} .pB40{padding-bottom:40px;} .pR40{padding-right:40px;} .pL40{padding-left:40px;} .pT50{padding-top:50px;} .pB50{padding-bottom:50px;} .pR50{padding-right:50px;} .pL50{padding-left:50px;} /* clear -------------------------------------------------------------*/ .clear{clear:both;} .clearfloat{clear:both; height:0; font-size:1px; line-height:0;} .clearfix{zoom:1;} .clearfix:after{content:""; display:block; clear:both;} /* 左・右寄せ -------------------------------------------------------------*/ .fL{float:left;} .fR{float:right;} .txC{text-align:center;} .txR{text-align:right;} /* 基本のlink color -------------------------------------------------------------*/ a{text-decoration:none;} a:link{color:#061427;} a:visited{color:#061427;} a:hover{text-decoration:underline;} /* ================================================================= 3.コンテナ・サイドバー・メインコンテンツ 使用ファイル：すべてのファイル =================================================================*/ /* container - サイドバー・メインコンテンツを格納するコンテナ -------------------------------------------------------------*/ #container{width:1056px; margin:20px auto 0px;} #container:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /* sidebar - コンテナ内サイドバー -------------------------------------------------------------*/ #sidebar{float:right; width:256px;} /* main - コンテナ内メインコンテンツ -------------------------------------------------------------*/ #main{float:left; width:780px; margin-right:20px;} #main h2{display:block; font-size:110%; color:#BFBFBF; font-weight:normal;} #main p{font-size:110%; line-height:140%;} #main table{width:740px; margin:10px 20px; font-size:100%; border:1px solid #CCC; line-height:160%;} #main th{padding:15px; border:1px solid #CCC; background:#EEE; vertical-align:top; font-weight:normal;} #main th.title{width:160px; text-align:left;} #main th.address{width:150px;} #main td{padding:15px; border:1px solid #CCC; vertical-align:top;} #main .buttonarea{margin:10px; padding-top:20px; border-top:#C2CAD4 1px solid; text-align:center;} #main .buttonarea_noline{margin:10px; padding-top:20px; text-align:center;} #main .buttonareaFR{margin:0 20px; float:right;} #main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #main .hissu{color:#C00; font-weight:bold;} #main #breadcrumbs{margin-bottom:10px; padding-left:20px;} #main #breadcrumbs a{color:#134079;} .no-sidebar{float:none !important; width:1056px !important; min-height:500px; margin:auto !important;} .no-sidebar table{width:1016px !important; font-size:90% !important;} .no-sidebar th{padding:25px !important;} .no-sidebar td{padding:25px !important;} .no-sidebar p{margin:10px 20px;} .midashi{width:780px; height:30px; margin-bottom:10px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_backimg.png") no-repeat;} .midashi:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ .midashi .left{display:block; width:12px; height:30px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_left.png") no-repeat; float:left;} .midashi h2{height:26px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_middle.png") repeat-x; padding-top:4px; z-index:100; float:left;} .midashi .right{display:block; width:85px; height:30px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_right.png") no-repeat; float:left;} .midashi_noside{width:1056px; height:30px; margin:0 auto 10px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_backimg_detail.png") no-repeat;} .midashi_noside:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ .midashi_noside .left{display:block; width:12px; height:30px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_left.png") no-repeat; float:left;} .midashi_noside h2{height:26px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_middle.png") repeat-x; padding-top:4px; z-index:100; float:left; font-size:110%; color:#BFBFBF; font-weight:normal;} .midashi_noside .right{display:block; width:85px; height:30px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_right.png") no-repeat; float:left;} .minibanner img{margin-right:8px; margin-bottom:15px; width: 379px;} /* ================================================================= 4.ヘッダ 使用ファイル：common/header.xhtml =================================================================*/ /* smartphone - スマートフォン専用サイトへのリンク -------------------------------------------------------------*/ #smartphone a{display:block; width:1056px; height:150px; margin:auto; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/button_smartphone.png") no-repeat; text-indent:-9999px;} /* preview - プレビュー時に表示するエリア -------------------------------------------------------------*/ #preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;} #preview:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #preview table{width:800px; margin:auto;} #preview .ico{width:20%; padding-right:10px; text-align:right;} #preview .content{text-align:left;} /* header - ヘッダ -------------------------------------------------------------*/ #header{background:#08111D url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/header_top.jpg") no-repeat top; padding-top:5px;} #header .inner{zoom:1; background:#FFF;} #header .inner .box{width:1056px; margin:0 auto;} #header .inner .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #header h1{width:320px; height:80px; float:left;} #header h1 a{display:block; float:left; width:300px; height:60px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headerlogo.jpg") no-repeat; text-indent:-9999px; margin:10px;} #header .inner .top{float:right; width:700px;} /* top - ヘッダー上部 -------------------------------------------------------------*/ #header .inner .top .tab{float:right;} #header .inner .top a.member{display:block; width:126px; height:30px; overflow:hidden; margin:-5px 0 0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/button_newmember.png") no-repeat; text-indent:-9999px;} #header .inner .top a.member:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/button_newmember_over.png") no-repeat;} #header .inner .top a.mypage{display:block; width:126px; height:30px; overflow:hidden; margin:-5px 0 0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/button_mypage.png") no-repeat; text-indent:-9999px;} #header .inner .top a.mypage:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/button_mypage_over.png") no-repeat;} #header .inner .top .facebook{float:right;} #header .inner .top .twitter{float:right;} #header .inner .top .hatena{float:right; margin-right:10px;} #header .inner .top .googleplus{float:right;} /* bottom - ヘッダー下部 -------------------------------------------------------------*/ #header .inner .bottom{float:right; margin:18px 0 5px 0;} #header .inner .bottom #search{float:right;} #header .inner .bottom #search .form{display:block; float:left; width:130px; height:16px; margin:0 5px 0 0;} #header .inner .bottom #search .button{display:block; float:left;} #header .inner .bottom ul{float:right;} #header .inner .bottom ul li{float:right; margin-right:10px;} #header .inner .bottom ul li a{height: 20px; display:block; padding-left:25px; border-bottom:solid 1px #15427A; padding-right:5px;} #header .inner .bottom ul li a:hover{text-decoration:none; opacity:0.7; filter: alpha(opacity=70);} #header .inner .bottom ul .login a{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headernavi_login.jpg") no-repeat;} #header .inner .bottom ul .cart a{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headernavi_cart.jpg") no-repeat;} #header .inner .bottom ul .logout a{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headernavi_logout.jpg") no-repeat;} #header .inner .bottom ul .point a{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headernavi_point.jpg") no-repeat;} #header .inner .bottom ul .history a{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headernavi_history.jpg") no-repeat;} /* menu - メニュー -------------------------------------------------------------*/ #menu{height:40px; background:#08111D;} #menu .inner{display:block; zoom:1; width:1056px; height:40px; margin:auto; text-align:left; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/headar_right.jpg") right no-repeat;} #menu .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #menu li{float:left;} #menu li a{display:block; width:80px; height:40px; text-indent:-9999px;} a.top:link,a.top:visited{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_top.jpg") no-repeat;} #menu .top_select,a.top:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_top.jpg") 0 -40px no-repeat;} a.genre:link,a.genre:visited{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_genre.jpg") no-repeat;} #menu .genre_select,a.genre:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_genre.jpg") 0 -40px no-repeat;} a.brand:link,a.brand:visited{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_hatsubaimoto.jpg") no-repeat;} #menu .brand_select,a.brand:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_hatsubaimoto.jpg") 0 -40px no-repeat;} a.series:link,a.series:visited{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_series.jpg") no-repeat;} #menu .series_select,a.series:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_series.jpg") 0 -40px no-repeat;} a.newitem:link,a.newitem:visited{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_newitem.jpg") no-repeat;} #menu .newitem_select,a.newitem:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/menu_newitem.jpg") 0 -40px no-repeat;} #menu .submenu{width:140px; background:#10233D; padding:5px 0; border:solid 1px #214C87;} #menu .submenu:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #menu .submenu li{display:block; clear:both;} #menu .submenu li a{display:block; width:130px; padding:5px; font-size:80%; color:#FFF; height:auto; text-indent:0px;} #menu .submenu li a:hover{color:#2786FD;} /* 小カテゴリhover時表示 */ #menu .menu ul{display:none; position:absolute; top:40px; left:0; list-style: none; border:1px solid #CCC; border-top:none; z-index:100;} #menu .menu li:hover{position:relative;} #menu .menu li:hover > ul{display:block;} /* sns - SNS -------------------------------------------------------------*/ .headersns{margin-top:2px;} #header .twitter-share-button{width:120px;} .headersns .twitter{width: 120px;} /* ================================================================= 5.サイドバー 使用ファイル：common/sidebar.xhtml =================================================================*/ /* ranking - 人気商品ランキング -------------------------------------------------------------*/ #ranking{width:256px; margin-bottom:20px;} #ranking h2{display:block; width:153px; height:30px; padding:0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_ranking.jpg") no-repeat; text-indent:-9999px;} #ranking .area{width:246px; zoom:1; background:#C2CAD4; margin:0; padding:5px;} #ranking .area:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ranking .box{zoom:1;} #ranking .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ranking .over:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ranking a{display:block; opacity:1.0;} #ranking a.textlink{float:right; width:119px;} /* ランキング個別設定 */ #ranking #ranking_no1 .itemimg{position:relative;} #ranking #ranking_no1 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking1.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no1 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking1_background.jpg") no-repeat;} #ranking #ranking_no1 a:hover{opacity:0.7;} #ranking #ranking_no2 .itemimg{position:relative;} #ranking #ranking_no2 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking2.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no2 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking2_background.jpg") no-repeat;} #ranking #ranking_no2 a:hover{opacity:0.7;} #ranking #ranking_no3 .itemimg{position:relative;} #ranking #ranking_no3 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking3.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no3 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking3_background.jpg") no-repeat;} #ranking #ranking_no3 a:hover{opacity:0.7;} #ranking #ranking_no4 .itemimg{position:relative;} #ranking #ranking_no4 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking4.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no4 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking4_background.jpg") no-repeat;} #ranking #ranking_no4 a:hover{opacity:0.7;} #ranking #ranking_no5 .itemimg{position:relative;} #ranking #ranking_no5 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking5.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no5 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking5_background.jpg") no-repeat;} #ranking #ranking_no5 a:hover{opacity:0.7;} #ranking #ranking_no6 .itemimg{position:relative;} #ranking #ranking_no6 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking6.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no6 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking6_background.jpg") no-repeat;} #ranking #ranking_no6 a:hover{opacity:0.7;} #ranking #ranking_no7 .itemimg{position:relative;} #ranking #ranking_no7 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking7.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no7 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking7_background.jpg") no-repeat;} #ranking #ranking_no7 a:hover{opacity:0.7;} #ranking #ranking_no8 .itemimg{position:relative;} #ranking #ranking_no8 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking8.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no8 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking8_background.jpg") no-repeat;} #ranking #ranking_no8 a:hover{opacity:0.7;} #ranking #ranking_no9 .itemimg{position:relative;} #ranking #ranking_no9 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking9.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no9 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking9_background.jpg") no-repeat;} #ranking #ranking_no9 a:hover{opacity:0.7;} #ranking #ranking_no10 .itemimg{position:relative;} #ranking #ranking_no10 .iconarea{position:absolute; width:36px; height:36px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking10.png") no-repeat; top:-4px; left:-4px; z-index:2;} #ranking #ranking_no10 .text{float:right; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/ranking10_background.jpg") no-repeat;} #ranking #ranking_no10 a:hover{opacity:0.7;} /* ランキング1〜4位共通設定 */ #ranking #ranking_no1,#ranking_no2,#ranking_no3,#ranking_no4,#ranking_no5,#ranking_no6,#ranking_no7,#ranking_no8,#ranking_no9,#ranking_no10{width:224px; margin:5px; border:solid 1px #5E6C7E; background:#FFF; padding:5px 0px 5px 5px;} #ranking #ranking_no1 .img,#ranking_no2 .img,#ranking_no3 .img,#ranking_no4 .img,#ranking_no5 .img,#ranking_no6 .img,#ranking_no7 .img,#ranking_no8 .img,#ranking_no9 .img,#ranking_no10 .img{width:105px; height:137px; float:left;} #ranking #ranking_no1 .text,#ranking #ranking_no2 .text,#ranking #ranking_no3 .text,#ranking #ranking_no4 .text,#ranking #ranking_no5 .text,#ranking #ranking_no6 .text,#ranking #ranking_no7 .text,#ranking #ranking_no8 .text,#ranking #ranking_no9 .text,#ranking #ranking_no10 .text{width:115px; height:137px; margin-left:4px; color:#666666; position:relative; padding:0;} #ranking #ranking_no1 .text .text_area,#ranking_no2 .text .text_area,#ranking_no3 .text .text_area,#ranking_no4 .text .text_area,#ranking_no5 .text .text_area,#ranking_no6 .text .text_area,#ranking_no7 .text .text_area,#ranking_no8 .text .text_area,#ranking_no9 .text .text_area,#ranking_no10 .text .text_area{width:125px; height:110px; overflow:hidden;} #ranking #ranking_no1 p,#ranking_no2 p,#ranking_no3 p,#ranking_no4 p,#ranking_no5 p,#ranking_no6 p,#ranking_no7 p,#ranking_no8 p,#ranking_no9 p,#ranking_no10 p{width:110px; margin:0 5px; font-size:75%;} #ranking #ranking_no1 h3,#ranking_no2 h3,#ranking_no3 h3,#ranking_no4 h3,#ranking_no5 h3,#ranking_no6 h3,#ranking_no7 h3,#ranking_no8 h3,#ranking_no9 h3,#ranking_no10 h3{width:110px; margin:2px 0px 2px 5px; font-size:90%; line-height:15px;} #ranking #ranking_no1 h4,#ranking_no2 h4,#ranking_no3 h4,#ranking_no4 h4,#ranking_no5 h4,#ranking_no6 h4,#ranking_no7 h4,#ranking_no8 h4,#ranking_no9 h4,#ranking_no10 h4{width:110px; margin:2px 0px 2px 5px; font-size:90%; line-height:15px;} #ranking #ranking_no1 .text .check,#ranking_no2 .text .check,#ranking_no3 .text .check,#ranking_no4 .text .check,#ranking_no5 .text .check,#ranking_no6 .text .check,#ranking_no7 .text .check,#ranking_no8 .text .check,#ranking_no9 .text .check,#ranking_no10 .text .check{position:absolute; bottom:0px; right:0px;} #ranking #ranking_no1 .over,#ranking_no2 .over,#ranking_no3 .over,#ranking_no4 .over,#ranking_no5 .over,#ranking_no6 .over,#ranking_no7 .over,#ranking_no8 .over,#ranking_no9 .over,#ranking_no10 .over{display:none;} /* genrecategory - ジャンルカテゴリ -------------------------------------------------------------*/ #genre{width:256px; margin-bottom:20px;} #genre h2{display:block; width:153px; height:30px; padding:0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_genre.jpg") no-repeat; text-indent:-9999px;} #genre ul{width:236px; background:#C0CAD5; padding:10px;} #genre li{display:block; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/icon_genre.gif") no-repeat; padding-left:18px; margin-bottom:15px; line-height:18px;} #genre .select{color:#003E7D; text-decoration:none;} #genre li a{display:block; color:#003E7D; font-size:90%; text-decoration:none; } #category li a:link{display:block; overflow:hidden;} #genre li a:hover{color:#FFF; text-decoration:underline;} /* Series Category - ジャンルカテゴリ -------------------------------------------------------------*/ #series{width:256px; margin-bottom:20px;} #series h2{display:block; width:153px; height:30px; padding:0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_series.jpg") no-repeat; text-indent:-9999px;} #series ul{width:236px; background:#C0CAD5; padding:10px;} #series li{display:block; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/icon_genre.gif") no-repeat; padding-left:18px; margin-bottom:15px; line-height:18px;} #series .select{color:#003E7D; text-decoration:none;} #series li a{display:block; color:#003E7D; font-size:90%; text-decoration:none;} #category li a:link{display:block; overflow:hidden;} #series li a:hover{color:#FFF; text-decoration:underline;} /* sns - snsリンク -------------------------------------------------------------*/ #sns{width:256px; margin-bottom:10px;} #sns h2{display:block; width:256px; height:30px; padding:0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_account.jpg") no-repeat; text-indent:-9999px; margin-bottom:10px;} #sns .twitter-timeline{margin-top:10px;} /* お支払方法 -------------------------------------------------------------*/ #payment{width:256px; margin-bottom:10px;} #payment h2{display:block; width:256px; height:30px; padding:0; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_payment.jpg") no-repeat; text-indent:-9999px; margin-bottom:10px;} /* ================================================================= 6.extファイル用 使用ファイル：ext/company.html 　　　　　　　ext/tokushou.html 　　　　　　　ext/guide.html =================================================================*/ #ext h2{} #ext a{color:#134079;} #ext h3{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#15427A 1px solid; border-left:#15427A 6px solid; font-size:100%;} #ext h4{margin:10px 0 5px 20px;} #ext th{text-align:left; vertical-align:middle; width:150px; font-weight:bold;} #ext td{vertical-align:middle;} #ext ul{margin-bottom:30px;} #ext li{list-style:disc; margin:10px 0 10px 40px; font-size:100%;} #ext p{margin-left:20px; margin-right:20px; line-height:160%; margin-bottom:20px;} #ext .midashi{margin-bottom:20px;} #ext #faq ul{margin:0 20px 20px;} #ext #faq ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ext #faq li{list-style-type:none; float:left; margin:10px; width:250px;} #ext #faq th a{color:#061427;} #ext #faq th a:hover{text-decoration:none;} #ext table{margin:40px 20px;} #ext .chui{margin-left:10px; margin-bottom:10px; font-weight:bold; font-size: 90%;} #ext th.th2{width:90px; background:none; border:1px dotted #CCC;} #ext td.td2{border:1px dotted #CCC;} #ext ul.number li{list-style-type:decimal; font-size:100%; margin:10px 0 10px 40px;} #ext ul.kakko{position:relative;} #ext ul.kakko li{font-size:100%; margin:10px 0 10px 43px; list-style:none; position: relative;} #ext ul.kakko li span{position: absolute; top:0; left:-23px;} #ext ul.none li{list-style:none;} #ext #guide img{margin:10px auto 30px;} #ext #guide p ul{margin:10px 30px;} #ext #guide p ul li{margin:5px;} #ext #guide .toiawase{font-size:110%; margin:10px;} #apply p{line-height:160%;} #apply span.apply{color:#FF0000;} /* ================================================================= 7.トップページ 使用ファイル：top.xhtml =================================================================*/ /* headerarea - ヘッダー -------------------------------------------------------------*/ #headerarea{z-index:100;} /* mainvisual - メインビジュアル -------------------------------------------------------------*/ #mainvisual{background:#000;} #mainvisual #gallery{widht:1056px; margin:0 auto;} #mainvisual #gallery {font-size:8px;} #mainvisual #gallery .gv_frame .gv_caption {font-size:3px;} /* osusume1 - おすすめ枠 -------------------------------------------------------------*/ #osusume1 { width:780px; padding-bottom:10px; height:140px; margin-bottom:20px} #osusume1 #nakami{float:left; zoom: 1; width: 380px; margin-right:10px;} #osusume1 #nakami #title{ width: 370px; background-color: #333; font-size: 120%; color: #FFF; text-decoration: none; font-weight: bold; margin-bottom:10px; padding-left:10px; } #osusume1 #nakami #title a {color:#CCC;} #osusume1 #nakami #setsumei {float:left; width: 180px; padding-right:10px; line-height:80%} #osusume1 #nakami #setsumei p{font-size:110%; line-height:100%} #osusume1 #nakami #youtube{float:left;width: 190px; margin-bottom:20px;} #osusume1 :after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /* banner バナーエリア*/ #banner { width:780px; padding-bottom:10px; height:130px; margin-bottom:20px; padding:0px} #banner img #left{ margin-right:5px; width=256px; height="60px"} #banner img #right{ margin-left:5px; width=256px; height="60px"} /* new - 新着商品 -------------------------------------------------------------*/ /* #new{zoom:1; width:780px; margin-bottom:30px;} #new:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;} #new a:hover{text-decoration:none;} #new #newarea{width:780px;} #new #newarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;} #new .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #new h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#FFF;} #new .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#FFF;} #new .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} .maker{text-decoration:line-through; font-size:80%; color:#FFF; font-weight:normal;} .yajirushi{font-size:80%; color:#FFF; font-weight:normal;} #new .box{float:left; width:152px; height:253px; margin:10px 5px 20px 0; position:relative;} #new #hatsubaibi{display:box; width:152px; height:25px; font-size:110%; background-color:#CF6; text-align:center;} #new .box .img{display:block; width:152px; height:200px;} #title_img { width:152px; height:200px; top:26px;} #new .box .over{width:132px; height:233px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_over.png") no-repeat; position: absolute; top:25px; left:0px; padding:10px; display: none; z-index: 100;} #new .box .over .overtext{height:191px; overflow:hidden;} #new .box .over h3{color:#061326; font-weight:bold; font-size:100%; line-height:120%} #new .box .over p{color:#061326; font-weight:normal; margin:5px 0 0; font-size:100%; line-height:100%} #new .box .over .check{position:absolute; bottom:10px;} #new .box a:hover .over{display:block;} #new .icon {display:block; position:absolute; top:25px; left:0px;} #new #sintyaku_no5,#new #sintyaku_no10{margin: 10px 0 20px; /* new - 新着商品2 -------------------------------------------------------------*/ #new2 {zoom:1; width:780px; margin-bottom:30px;} #new2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #new2 a:hover{text-decoration:none;} #new2 .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #new2 h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#333;} #new2 .box{float:left; width:385px; height:250px; margin:5px 5px 0px 0; position:relative; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/new2-bg.jpg");} #new2 .box #hatsubaibi{display:box; width:152px; height:25px; font-size:110%; background-color:#CF6; text-align:center; margin-left:10px; margin-top:10px} #new2 .box .img{float:left; width:152px; height:200px; margin-left:10px;} #new2 .box #content {float:left; padding:0px 10px 0px 10px; width:200px;} #new2 .box #content #title {width:200px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:5px;} #new2 .box #content #appeal { width:200px; height:150px; padding:10px; color:#333;} #new2 .appeal_point {display:block; line-height:120%; font-size:100%;} #new2 .box #appeal h3{display:block; font-size:95%; font-weight:normal; line-height:120%; } #new2 #item_categoryarea{width:785px; margin-right:-5px;} #new2 #item_categoryarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #new2 .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#333; font-weight:bold;} #new2 .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #new2 .maker{text-decoration:line-through; font-size:80%; color:#333; font-weight:normal;} #new2 .yajirushi{font-size:80%; color:#333; font-weight:normal;} #new2 #kakaku {position:absolute;bottom:10px; left:170px;} /* new - 新着商品3 -------------------------------------------------------------*/ #new3 {zoom:1; width:780px; margin-bottom:30px;} #new3:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #new3 a:hover{text-decoration:none;} #new3 .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #new3 h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#333;} /*#new3 .box{float:left; width:385px; height:250px; margin:5px 5px 0px 0; position:relative; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/new2-bg.jpg");} #new3 .box .img{float:left; width:152px; height:200px; margin-left:10px;} #new3 .box #content {float:left; padding:0px 10px 0px 10px; width:200px;} #new3 .box #content #title {width:200px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:5px;} #new3 .box #content #appeal { width:200px; height:150px; padding:10px; color:#333;} #new3 .appeal_point {display:block; line-height:120%; font-size:100%;} #new3 .box #appeal h3{display:block; font-size:95%; font-weight:normal; line-height:120%; } #new3 #item_categoryarea{width:785px; margin-right:-5px;} #new3 #item_categoryarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #new3 .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#333; font-weight:bold;} #new3 .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #new3 .maker{text-decoration:line-through; font-size:80%; color:#333; font-weight:normal;} #new3 .yajirushi{font-size:80%; color:#333; font-weight:normal;} /*#new3 #kakaku {position:absolute;bottom:10px; left:170px;}*/ #new3 .bigbox { width: 385px; height: 125px; float: left; z-index: 1; margin-left: 5px; position: relative; } #new3 .bigbox #hatsubaibi{ display: box; width: 383px; height: 17px; font-size: 100%; background-color: #CF6; text-align: center; margin-left: 1px; z-index: 2; top: 0.5em; } #new3 #kakaku { position: absolute; left: 10px; top: 70px; height: 30px; } #new3 #kakaku p { height: 1.2em; line-height: 80%; } #new3 .bigbox .box{ left: 1px; width: 385px; height: 100px; margin-right: 5px; margin-left: 0; margin-bottom: 0px; position: relative; background: url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itembg2.gif"); z-index: 2; } #new3 .bigbox .box .img{ float: left; width: 76px; height: 100px; } #new3 .bigbox .box #content { float: left; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; width: 286px; position: relative; } #new3 .bigbox #content #title {width:200px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:5px;} #new3 .bigbox #content #appeal { width:200px; height:150px; padding:10px; color:#333;} #new3 .bigbox .appeal_point_popup { line-height: 120%; font-size: 100%; position: absolute; top: 1px; left: 80px; height: 88px; background-color: #EEEEEE; z-index: 2; width: 290px; padding: 5px; visibility: hidden; /* visibility: hidden;*/ } #new3 .bigbox a:hover .appeal_point_popup{ visibility: visible; z-index: 1000; top: 18px; } #new3 .bigbox .appeal_point_popup h3{ height:12px; overflow:hidden; font-size:90%; font-weight:bold; } #new3 .bigbox .appeal_point_popup p{ margin-top:5px; font-size:75%; height:60px; margin-bottom:5px; line-height:12px; overflow:hidden; } #new3 .bigbox .appeal_point_popup p.kuwasiku{ height: 1.5em; } /* item_category - カテゴリ商品 -------------------------------------------------------------*/ #item_category{zoom:1; width:780px; margin-bottom:30px;} #item_category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #item_category a:hover{text-decoration:none;} #item_category .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #item_category h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#FFF;} #item_category .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#FFF;} #item_category .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #item_category .box{float:left; width:152px; height:253px; margin:10px 5px 20px 0; position:relative;} #item_category .box .img{display:block; width:152px; height:200px;} #item_category .box title_img{display:block; width:152px; height:200px; top:20px;} #item_category .box .over{width:132px; height:233px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_over.png") no-repeat; position: absolute; top:0px; left:0px; padding:10px; display: none; z-index: 100;} #item_category .box .over .overtext{height:191px; overflow:hidden;} #item_category .box .over h3{color:#061326; font-weight:bold; font-size:100%; line-height:120%} #item_category .box .over p{color:#061326; font-weight:normal; margin:5px 0 0; font-size:100%; line-height:100%} #item_category .box .over .check{position:absolute; bottom:10px;} #item_category .box a:hover .over{display:block;} #item_category #item_categoryarea{width:785px; margin-right:-5px;} #item_category #item_categoryarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /* item_category - カテゴリ商品2 -------------------------------------------------------------*/ #item_category2{zoom:1; width:780px; margin-bottom:30px;} #item_category2{zoom:1; width:780px; margin-bottom:30px;} #item_category2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /*#item_category2 a:hover{text-decoration:none;}*/ #item_category2 .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.gif") no-repeat; padding:10px;} #item_category2 h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#333;} #item_category2 .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#333; font-weight:bold;} #item_category2 .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #item_category2 .maker{text-decoration:line-through; font-size:80%; color:#333; font-weight:normal;} #item_category2 .yajirushi{font-size:80%; color:#333; font-weight:normal;} #item_category2 #kakaku { position: absolute; left: 10px; top: 70px; } #item_category2 .box{ float: left; width: 385px; height: 100px; margin: 5px 5px 0px 0; position: relative; background: url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itembg2.gif"); z-index: 1; } #item_category2 .box .img{ float: left; width: 76px; height: 100px; } a:hover .box .img{ visibility:visible; } #item_category2 .box #content { float: left; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; width: 286px; position: relative; } #item_category2 .box #content #title {width:200px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:5px;} #item_category2 .box #content #appeal { width:200px; height:150px; padding:10px; color:#333;} #item_category2 .appeal_point_popup { line-height: 120%; font-size: 100%; position: absolute; top:1px; left: 80px; height: 88px; background-color: #EEEEEE; z-index: 2; width: 290px; padding: 5px; visibility: hidden; } #item_category2 a:hover .appeal_point_popup{ visibility: visible; z-index: 1000; } #item_category2 .appeal_point_popup h3{ height:12px; overflow:hidden; font-size:90%; font-weight:bold; } #item_category2 .appeal_point_popup p{ margin-top:5px; font-size:75%; height:60px; margin-bottom:5px; line-height:12px; overflow:hidden; } #item_category2 .appeal_point_popup p.kuwasiku{ margin-bottom:105px; } #item_category2 .appeal_point p{ line-height:120%; font-size:100%;} /*セール商品*/ #sale {zoom:1; width:780px; margin-bottom:30px;} #sale:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #sale a:hover{text-decoration:none;} #sale .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #sale h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#333;} #sale .box{float:left; width:385px; height:250px; margin:5px 5px 0px 0; position:relative; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/new2-bg.jpg");} #sale .box #nebiki{display:box; width:152px; height:25px; font-size:110%; background-color:#F00; text-align:center; margin-left:10px; margin-top:10px} #sale .box .img{float:left; width:152px; height:200px; margin-left:10px; margin-right:3px;} #sale .box #content {float:left; padding:0px 10px 0px 10px; width:200px;} #sale .box #content #title {width:200px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:5px;} #sale .box #content #appeal { width:200px; height:150px; padding:10px; color:#333;} #sale .appeal_point {display:block; line-height:120%; font-size:100%;} #sale .box #appeal h3{display:block; font-size:95%; font-weight:normal; line-height:120%; } #sale #item_categoryarea{width:785px; margin-right:-5px;} #sale #item_categoryarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #sale .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#333; font-weight:bold;} #sale .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #sale .maker{text-decoration:line-through; font-size:80%; color:#333; font-weight:normal;} #sale .yajirushi{font-size:80%; color:#333; font-weight:normal;} #sale #kakaku {position:absolute;bottom:10px; left:170px;} /* topics - トピックス -------------------------------------------------------------*/ #topics{zoom:1; width:780px;} #topics:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topics a{color:#071325; font-weight:bold;} #topics a:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topics .box{zoom:1; width:770px; margin:5px 5px 10px; color:#071325; font-weight:bold; line-height:100%;} #topics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topics h3{display:block; float:left; font-size: 100%; font-weight:bold; line-height:120%;} #topics p{display:block; float:left; width:670px; margin-left:8px; font-weight:normal;} #topics p span{display:block; font-weight:bold; line-height:120%;} #topics a:hover{text-decoration:underline;} /* ================================================================= 8.カートの中身～注文完了まで、プレゼント応募～完了まで 使用ファイル：cart_index.xhtml, cart_login.xhtml 　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml 　　　　　　　cart_pre.xhtml, cart_result.xhtml 　　　　　　　present_login.xhtml, present_input.xhtml 　　　　　　　present_confirm.xhtml, present_result.xhtml =================================================================*/ /* cartIndex - 買い物かごの中身 -------------------------------------------------------------*/ #cartIndex{margin-bottom:20px;} #cartIndex .step{display:block; margin:20px auto;} #cartIndex .price{color:#C00; text-align:right;} #cartIndex .amount{text-align:center;} #cartIndex .delete{text-align:center;} #cartIndex .total{margin:0 20px 30px; padding:5px 10px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid; font-size:120%;} #cartIndex .img{float:left; width:80px; height:106px; margin-right:10px;} #cartIndex .box{border:1px solid #CCC; margin-bottom:30px;} #cartIndex h3{margin-bottom:15px; padding:5px 20px 5px 25px; border-bottom:1px solid #CCC; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/icon_genre.gif") 7px no-repeat #C0CAD5; font-size:120%;} /* cartLogin - 買い物かご・プレゼントログイン -------------------------------------------------------------*/ #cartLogin .step{display:block; margin:20px auto;} #cartLogin table{margin:0 20px 10px;} #cartLogin h3{margin-bottom:15px; padding:5px 20px 5px 25px; border-bottom:1px solid #CCC; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/icon_genre.gif") 7px no-repeat #C0CAD5; font-size:120%;} #cartLogin .box{border:1px solid #CCC; margin-bottom:30px;} /* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで -------------------------------------------------------------*/ #cartFlow .step{display:block; margin:20px auto;} #cartFlow h3{margin:30px 20px 10px; font-size:120%;} #cartFlow .price{color:#C00; text-align:right;} #cartFlow .amount{text-align:center;} #cartFlow .total{margin:0 20px; padding:5px 10px; border-bottom:#CCC 1px solid; font-weight:bold; text-align:right; font-size:120%;} #cartFlow .point{color:#F60; font-weight:bold;} #cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;} #cartFlow .img{float:left; width:80px; height:106px; margin-right:10px;} #cartFlow .code{width:100px;} #cartFlow .chenge{color:#C00;} /* ================================================================= 9.定期購入商品履歴照会・変更 使用ファイル：teiki_index.xhtml, teiki_detail.xhtml 　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml =================================================================*/ /* teikiIndex - 定期購入商品一覧 -------------------------------------------------------------*/ #teikiIndex h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;} #teikiIndex h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/marker.gif") 0 8px no-repeat; font-size:100%;} #teikiIndex .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;} #teikiIndex .head{padding:5px; background:#F1F1F1;} #teikiIndex .headDetail{padding-left:15px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/marker_on.gif") 0 5px no-repeat;} #teikiIndex .headRenew{color:#777; text-align:right;} #teikiIndex .price{color:#C00; text-align:right;} #teikiIndex table{width:668px;} #teikiIndex th{padding:5px 10px;} #teikiIndex td{text-align:center;} #teikiIndex td.month{background:#F9F9F9; font-weight:bold; color:#960;} #teikiIndex .status { float:right; margin-right:20px;} #teikiIndex .cancel_oder{ text-align:right; margin: 0px 20px;} #teikiIndex .cancel_oder form{ height:20px;} /* teikiDetail - 定期購入商品照会・変更・確認画面 -------------------------------------------------------------*/ #teikiDetail h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;} #teikiDetail h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/marker.gif") 0 8px no-repeat; font-size:100%;} #teikiDetail h5{margin:20px 20px 0;} #teikiDetail .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;} #teikiDetail .head{padding:5px; background:#F1F1F1;} #teikiDetail .headDetail{margin-right:20px; padding-left:5px; border-left:12px groove #333;} #teikiDetail .price{color:#C00;} #teikiDetail table{width:668px;} #teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;} /* ================================================================= 10.フッタ 使用ファイル：common/footer.xhtml =================================================================*/ #footer{clear:both; width:100%; height:128px; margin-top:50px; padding:10px 0;} #footer .innner{width:1056px; margin:0 auto;} #footer .innner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #footer .innner .top{background:#08111D;} /* back top - バックトップ -------------------------------------------------------------*/ #footer .backtotop{width:1056px; margin:0 auto;} #footer .backtotop:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #footer .backtotop a{display:block; float:right; width:106px; height:29px; overflow:hidden; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footer_backtotop.gif") no-repeat; text-indent:-9999px;} #footer .backtotop a:hover{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footer_backtotop_over.gif") no-repeat;} /* menu - メニュー -------------------------------------------------------------*/ #footer .top:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #menu2{height:39px; background:#08111D;} #menu2 .inner{display:block; zoom:1; width:1056px; height:39px; margin:auto; text-align:left; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footer_left.jpg") left no-repeat;} #menu2 .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #menu2 ul{float:right;} #menu2 li{float:left;} #menu2 li a{display:block; height:38px; text-indent:-9999px;} a.company:link,a.company:visited{width:69px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_company.jpg") no-repeat;} #menu2 .company_select,a.company:hover{width:69px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_company.jpg") 0 -40px no-repeat;} a.guide:link,a.guide:visited{width:93px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_guide.jpg") no-repeat;} #menu2 .guide_select,a.guide:hover{width:93px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_guide.jpg") 0 -40px no-repeat;} a.faq:link,a.faq:visited{width:44px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_faq.jpg") no-repeat;} #menu2 .faq_select,a.faq:hover{width:44px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_faq.jpg") 0 -40px no-repeat;} a.privacy:link,a.privacy:visited{width:138px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_privacy.jpg") no-repeat;} #menu2 .privacy_select,a.privacy:hover{width:138px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_privacy.jpg") 0 -40px no-repeat;} a.kiyaku:link,a.kiyaku:visited{width:69px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_kiyaku.jpg") no-repeat;} #menu2 .kiyaku_select,a.kiyaku:hover{width:69px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_kiyaku.jpg") 0 -40px no-repeat;} a.tokushoho:link,a.tokushoho:visited{width:163px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_tokushoho.jpg") no-repeat;} #menu2 .tokushoho_select,a.tokushoho:hover{width:163px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_tokushoho.jpg") 0 -40px no-repeat;} a.apply:link,a.apply:visited{width:91px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_info.jpg") no-repeat;} #menu2 .apply_select,a.apply:hover{width:91px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/footermenu_info.jpg") 0 -40px no-repeat;} /* copyright - コピーライト -------------------------------------------------------------*/ #footer .copyright{display:block; width:1056px; color:#FFF; font-size:80%; margin: 0 auto; text-align:center; line-height:20px;} #footer .bottom{min-width:1056px; height:20px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/copyright_background.jpg") repeat-x;} /* ================================================================= 11.商品詳細・一覧、プレゼント詳細・一覧 使用ファイル：item_list$detail.xhtml, item_list$image.xhtml 　　　　　　　item_list$simple.xhtml, item_detail.xhtml 　　　　　　　present_list.xhtml, present_detail.xhtml =================================================================*/ /* itemlist midshi - リスト見出し -------------------------------------------------------------*/ .midashi_list{width:780px; height:30px;} .midashi_list:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ .midashi_list .left{display:block; width:12px; height:30px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_left.png") no-repeat; float:left;} .midashi_list h2{height:26px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_middle.png") repeat-x; padding-top:4px; z-index:100; float:left;} .midashi_list .right{display:block; width:85px; height:30px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_right.png") no-repeat; float:left;} /* category_html - カテゴリHTML -------------------------------------------------------------*/ #category_html{margin-bottom:20px;} #category_html img{display:block; margin-bottom:10px;} /* itemListCategory - カテゴリ -------------------------------------------------------------*/ #itemListCategory{width:740px; background:#E0E0E0; padding:20px;} #itemListCategory.sub{margin-top:-20px;} #itemListCategory h3{padding-left:20px; color:#061427; font-weight:bold; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/icon_listsearch.png") no-repeat; margin-bottom:10px;} #itemListCategory ul{display:block; zoom:1;} #itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListCategory li{display:inline; float:left; font-size:100%;} #itemListCategory .select{ color:#144179; text-decoration:none;} #itemListCategory li a{display:block; color:#333; font-size:100%;text-decoration:none; white-space:nowrap; margin-right:5px;} #itemListCategory li a:link{display:block;} #itemListCategory li a:hover{background:#144179; color:#FFF; text-decoration:underline;} /* list - 一覧画面共通のメニュー -------------------------------------------------------------*/ #list{padding-bottom:20px; margin-top:20px;} #list ul{zoom:1; margin-bottom:10px; padding-left:5px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_bg.gif") bottom repeat-x;} #list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #list li{float:left;} #list li a{display:block; margin-right:5px; padding:5px 10px 5px 30px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC; font-size:80%;} #list .detail{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_detail.gif") 7px 7px no-repeat #DDD;} #list .image{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_image.gif") 7px 7px no-repeat #DDD;} #list .simple{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_simple.gif") 7px 7px no-repeat #DDD;} #list .detail_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_detail_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .image_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_image_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .simple_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/list_simple_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .pageguide{float:left; width:500px; font-size:75%;} #list .rearrange{float:left; width:200px; font-size:75%; text-align:right;} #list .pagelink{clear:both; font-size:75%;} #list .nolink{color:#999;} /* itemListImage - 商品画像一覧 -------------------------------------------------------------*/ #itemListImage2{zoom:1; width:780px; margin-bottom:30px;} #itemListImage2{zoom:1; width:780px; margin-bottom:30px;} #itemListImage2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListImage2 a:hover{text-decoration:none;} #itemListImage2 .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #itemListImage2 h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#333;} #itemListImage2 .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#333; font-weight:bold;} #itemListImage2 .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #itemListImage2 .maker{text-decoration:line-through; font-size:80%; color:#333; font-weight:normal;} #itemListImage2 .yajirushi{font-size:80%; color:#333; font-weight:normal;} #itemListImage2 #kakaku {position:absolute;bottom:10px; left:170px;} #itemListImage2 #kakaku2 {position:absolute;bottom:10px; left:5px;} #itemListImage2 .box{float:left; width:385px; height:225px; margin:5px 5px 0px 0; position:relative; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemc2-bg.jpg");} #itemListImage2 .box .img{float:left; width:152px; height:200px; margin-left:10px; margin-top:13px} #itemListImage2 .box #content {float:left; padding:13px 10px 0px 10px; width:200px;} #itemListImage2 .box #content #title {width:200px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:5px;} #itemListImage2 .box #content #appeal { width:200px; height:150px; padding:10px; color:#333;} #itemListImage2 .appeal_point {display:block; line-height:120%; font-size:100%;} #itemListImage2 .appeal_point p{ line-height:120%; font-size:100%;} /* itemDetail - 商品詳細・プレゼント詳細 -------------------------------------------------------------*/ #itemDetail{margin-bottom:20px;} #itemDetail:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ /* 上部 */ #itemDetail #breadcrumbs{width:1056px; margin:0 auto;} #itemDetail #breadcrumbs a{color:#134079;} #itemDetail .top{background:#000; width:100%; margin-bottom:20px;} #itemDetail .top:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .top .box{width:1056px; zoom:1; margin:10px auto 10px;} #itemDetail .top .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail #iconarea{float:left; width:610px; } #itemDetail .slides_container{width:610px; height:343px;} #itemDetail #iconarea .pagination{width:620px; margin-right:-10px;} #itemDetail #iconarea .pagination a{float:left; display:block; margin:10px 10px 0 0; height:66px;} #itemDetail #iconarea .pagination li{width:126px; height:76px; float:left; margin-left:12px; margin-right:13px} #itemDetail #iconarea .pagination li.current a{border: 1px solid #FFF; height:66; margin:9px 9px -1px -1px;} #itemDetail .text{float:left; width:396px; margin-right:10px; margin-top:10px; background:#FFF; padding:20px; padding-top:0px; padding-bottom:10px} #itemDetail .text .toparea{border-bottom:solid 1px #666;} #itemDetail .text .toparea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .text .img1{float:left; margin-bottom: 20px;} #itemDetail .text .img1:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .text .toparea_right{float:right; width:224px;} #itemDetail .text .toparea_right:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .text .toparea_right h2{color:#2C5A9F; display:block; font-size:120%;} #itemDetail .text .toparea .price_maker{color:#CC3333;} #itemDetail .text .toparea .maker{color:#061427;} #itemDetail .text .toparea .yajirushi{color:#061427;} #itemDetail table{width:224px; font-size:90%;} #itemDetail th{ width: 80px; padding: 5px; text-align: left; vertical-align: top; font-weight: normal; } #itemDetail td{padding:0px;} #itemDetail td strong{font-weight:bold; font-size:120%;} #itemDetail .point{font-size:80%; color:#FF0000; display:block;} #itemDetail .cart{clear:both; width:360px; margin:5px auto 30px; margin-bottom:10px } #itemDetail .cart:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .button{display:block; } #itemDetail .button:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .button a:hover{opacity:0.7;} #itemDetail .text .toparea_right .cart:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .bottomarea{} #itemDetail .bottomarea .appeal{display:block; height:117px; font-size:100%; padding-top:5px;} #itemDetail .bottomarea .sns{margin-top:10px;} #itemDetail .bottomarea .sns:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .bottomarea .sns .facebook{float:right;} #itemDetail .bottomarea .sns .twitter{float:right;} /* 商品説明 */ #itemDetail .explanation1,#itemDetail .explanation2{display:block; border:#CCC 1px solid; font-size:110%; line-height:120%; } #itemDetail .explanation1:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .explanation2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ .setsumei:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .explanation1 .title,#itemDetail .explanation2 .title{background:#EEE; padding:10px 25px; border-bottom:#CCC 1px solid; font-size:110%; font-weight:bold;} #itemDetail .explanation1 .setsumei,#itemDetail .explanation2 .setsumei{padding:25px; } #itemDetail .explanation1 .itemcopyright{font-size:80%; padding-top:10px; padding-left:20px} #itemDetail .explanation1 .officialsite{font-size:90%; padding-top:10px;padding-left:20px; margin-bottom:10px} #itemDetail .explanation2{margin-top:-1px;} #itemDetail .explanation1 p,#itemDetail .explanation2 p{ line-height: 180%; margin-bottom: 10px; } #itemDetail .explanation1 span.bold{ font-weight:bold; } #itemDetail .explanation1 table {width:600px;border:1;cellpadding:100px;cellspacing:0;} #itemDetail .explanation1 td {padding:5px;} #itemDetail .explanation1 td {padding:5px;} #itemDetail .explanation1 h3,#itemDetail .explanation2 h3{line-height:150%; margin-bottom:10px;} #itemDetail .explanation1 img,#itemDetail .explanation2 img{margin:10px auto;} #itemDetail .explanation1 .image{margin:5px;} #itemDetail .explanation1 .image2{margin:10px; float:left;}#itemDetail .explanation1 .clear{clear:both;} #itemDetail .explanation2 table{width:100%;} #itemDetail .explanation2 th{padding:10px; font-weight:bold;} #itemDetail .explanation2 td{padding:10px;} #itemDetail .explanation2 li{padding-left:20px;margin-bottom:10px;text-indent: -1em;} /*アーリーアクセス*/ #itemDetail .explanation1 .earlyacess { border:thin; border:#666; background-color:#CCC; } #itemDetail .explanation1 .earlyacess p{ line-height:normal; } #itemDetail .explanation1 .earlyacess span.bold{ font-weight:bold; } /*キャラクター紹介パート*/ #itemDetail .explanation1 .chara-shoukai { line-height: 100%; font-size:90%; } #itemDetail .explanation1 .chara-shoukai p{ line-height: 120%; } #itemDetail .explanation1 .chara-shoukai h3{ font-size: 120%; } #itemDetail .explanation1 .chara-shoukai h4{ font-size: 110%; line-height: 120%; } #itemDetail .explanation1 .chara-shoukai .gra{ float:left; margin-right:10px; margin-bottom:10px; } #itemDetail .explanation1 .chara-shoukai div.charaboxl{ width: 650px; } #itemDetail .explanation1 .chara-shoukai div.charabox{ display:inline; clear:both; float:left; } #itemDetail .explanation1 .chara-shoukai img.charapix{ display:block; margin-top:0; margin-right:auto; margin-left:auto; } #itemDetail .explanation1 .chara-shoukai div.textbox{ margin-left:240px; } #itemDetail .explanation1 .chara-shoukai div.textbox150{ margin-left:150px; text-align:left; } #itemDetail .explanation1 .chara-shoukai p.clear{ clear:both; } /*真ん中よせ*/ #itemDetail .explanation1 p.mannaka{ text-align:center; } /*小さい文字*/ #itemDetail .explanation1 p.chiisai{ font-size:85%; line-height:110% } /*ストーリー*/ #itemDetail .explanation1 div.story{ background-color:#000; color:#CCC; padding:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif } #itemDetail .explanation1 div.story p{ margin-bottom:25px; } /*赤文字*/ #itemDetail .explanation1 .red{ color:#C00; } /*月英学園*/ div #getsuei-igyou{ width: 400px; float: left; } tabele .getsuei-table{ width:900px; } .getsuei-table th{ padding:5px; } /*ユーロトラックシミュレーター２*/ .ETS2{ width:750px; } #itemDetail .explanation1 .ETS2 .ETS2-table{ width:720px; margin-left:0px; } #itemDetail .explanation1 .ETS2 th{ width:150px; margin-left:0px; text-align:center; padding:10px; } #itemDetail .explanation1 .ETS2 p{ font-size:13px; line-height:12px; } /*ストロングホールドアルティメット*/ #itemDetail .explanation1 .SHC2UE table{ width:720px; } #itemDetail .explanation1 .SHC2UE th{ width:200px; } /*ストロングホールド カテゴリ*/ #main #list .STRONGHOLD{ width:780px; margin-left:0px; } #main #list .STRONGHOLD td{ padding:5px; vertical-align:middle; } #main #list .STRONGHOLD th{ padding:0px; } .STRONGHOLD .SH-maru{ text-align:center; vertical-align:middle; } /*キングスバウンティ*/ #itemDetail .explanation1 .KINGSBOUNTY { line-height: 120%; font-size:100%; } #itemDetail .explanation1 .KINGSBOUNTY p{ line-height: 180%; } #itemDetail .explanation1 .KINGSBOUNTY h3{ font-size: 120%; } #itemDetail .explanation1 .KINGSBOUNTY h4{ font-size: 110%; line-height: 120%; } #itemDetail .explanation1 .KINGSBOUNTY .gra{ float:left; margin-right:10px; margin-bottom:10px; } #itemDetail .explanation1 .KINGSBOUNTY div.charaboxl{ width: 700px; } #itemDetail .explanation1 .KINGSBOUNTY div.charabox{ display:inline; clear:both; float:left; } #itemDetail .explanation1 .KINGSBOUNTY img.charapix{ display:block; margin-top:0; margin-right:auto; margin-left:auto; } #itemDetail .explanation1 .KINGSBOUNTY div.textbox{ margin-left:180px; } #itemDetail .explanation1 .KINGSBOUNTY div.textbox150{ margin-left:150px; text-align:left; } #itemDetail .explanation1 .KINGSBOUNTY p.clear{ clear:both; } /*太平洋戦記大和計画*/ #itemDetail .explanation1 #GES008-table{ width:700px; } #itemDetail .explanation1 #GES008-th{ width:150px; } /*ダブルドラゴン*/ .asw013 #timeline{ background-image:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/itemimage/ASW013/timeline-flow.png"); background-repeat:no-repeat; background-size:50px; } .asw013 #timeline .left{ margin-left:50px; width:300px; float:left; height:200px; } .asw013 #timeline .right{ display:inline; width:300px; padding:0; margin-left:10px; } .asw013 #timeline .right:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; } .asw013 #timeline .right img{ margin:0px; } .asw013 #mode .left{ width:370px; float:left; } .asw013 #mode .right{ display:inline-block; width:300px; padding:0; margin-left:10px; } .asw013 #mode .right:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; } /*真実の大和*/ #itemDetail .explanation1 #GES009-table{ width:700px; } #itemDetail .explanation1 #GES009-table{ font-size:6pt; } #itemDetail .explanation1 .GES009-title{ background-color:#2000FF; color:#FFFFFF; font-size:10pt; } #itemDetail .explanation1 #GES009-th{ width:150px; } /*コープス２NEUS*/ .explanation1 .setsumei div#GRI003{ background-color:#000; color:#DDD; padding:10px; width:760px; } /*スタッフのオススメページ用*/ #staff_no_osusume {display:block; border:none; font-size:110%; line-height:200%; padding:20px;} #staff_no_osusume:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #staff_no_osusume .title{background:#EEE; padding:10px 25px; border-bottom:#CCC 1px solid; font-size:110%; font-weight:bold;} #staff_no_osusume #gamen { float:right; margin-left:15px; margin-bottm:15px; margin-top:10px; width:400px; height:225px; } #staff_no_osusume .reset { clear:right; } #staff_no_osusume .gamen { float:right; margin-left:15px; margin-bottm:15px; margin-top:10px; width:400px; height:225px; } #staff_no_osusume .gamen2 { float:right; margin-left:15px; margin-bottm:15px; margin-top:10px; width:400px; height:299px; } #itemDetail .staff_no_osusume p { line-height:200%; } /*スタッフのオススメページ用2*/ #itemDetail .staff_no_osusume {display:block; border:none; font-size:110%; line-height:160%; padding:20px;} #itemDetail .staff_no_osusume:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #staff_no_osusume .title{background:#EEE; padding:10px 25px; border-bottom:#CCC 1px solid; font-size:110%; font-weight:bold;} #staff_no_osusume #gamen { float:right; margin-left:15px; margin-bottm:15px; margin-top:10px; width:400px; height:225px; } #staff_no_osusume .reset { clear:right; } #itemDetail .staff_no_osusume .gamen { float:right; margin-left:15px; margin-bottm:15px; margin-top:10px; width:400px; height:225px; } #itemDetail .staff_no_osusume .gamen2 { float:right; margin-left:15px; margin-bottm:15px; margin-top:10px; width:400px; height:299px; } #staff_no_osusume li { line-height:90% } #staff_no_osusume h3 { line-height:300%; } /* レコメンドなど */ #Detailrecommend:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListDetail1{margin-bottom:35px;} #itemListDetail1:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListDetail1 .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #itemListDetail1 h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#FFF;} #itemListDetail1 .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#FFF;} #itemListDetail1 .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #itemListDetail1 .box{float:left; width:152px; height:253px; margin:0 5px 0 0; position:relative;} #itemListDetail1 .box .img{display:block; width:152px; height:200px;} #itemListDetail1 .box .over{width:132px; height:233px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_over.png") no-repeat; position: absolute; top:0px; left:0px; padding:10px; display: none; z-index: 100;} #itemListDetail1 .box .over .overtext{height:191px; overflow:hidden;} #itemListDetail1 .box .over h3{color:#061326; font-weight:bold; font-size:100%; line-height:120%} #itemListDetail1 .box .over p{color:#061326; font-weight:normal; margin:5px 0 0; font-size:100%; line-height:100%} #itemListDetail1 .box .over .check{position:absolute; bottom:10px;} #itemListDetail1 .box a:hover .over{display:block;} #itemListDetail1 #mycarousel1{width:785px; margin-right:-5px;} #itemListDetail2{margin-bottom:35px;} #itemListDetail2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListDetail2 .text{margin:0px; width:132px; height:33px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_backimg.jpg") no-repeat; padding:10px;} #itemListDetail2 h3{display:block; font-size:95%; font-weight:normal; line-height:120%; color:#FFF;} #itemListDetail2 .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#FFF;} #itemListDetail2 .price_maker{display:block; margin:5px 7px 5px 0; font-size:12px; color:#CC3333; font-weight:bold;} #itemListDetail2 .box{float:left; width:152px; height:253px; margin:0 5px 0 0; position:relative;} #itemListDetail2 .box .img{display:block; width:152px; height:200px;} #itemListDetail2 .box .over{width:132px; height:233px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/itemlist_over.png") no-repeat; position: absolute; top:0px; left:0px; padding:10px; display: none; z-index: 100;} #itemListDetail2 .box .over .overtext{height:191px; overflow:hidden;} #itemListDetail2 .box .over h3{color:#061326; font-weight:bold; font-size:100%; line-height:120%} #itemListDetail2 .box .over p{color:#061326; font-weight:normal; margin:5px 0 0; font-size:100%; line-height:100%} #itemListDetail2 .box .over .check{position:absolute; bottom:10px;} #itemListDetail2 .box a:hover .over{display:block;} #itemListDetail2 #mycarousel2{width:785px; margin-right:-5px;} #itemListDetail1 .midashi,#itemListDetail2 .midashi{width:780px; height:30px; margin-bottom:10px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_backimg.png") no-repeat;} #itemListDetail1 .midashi h2,#itemListDetail2 .midashi h2{height:26px; background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/midashi_middle.png") repeat-x; padding-top:4px; z-index:100; float:left;} . jcarousel-skin-tango{margin-top:10px;} /* ================================================================= 12.レビュー 使用ファイル：item_detail.xhtml, member_review.xhtml =================================================================*/ #review{margin-bottom:40px;} #review:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail #review h2{margin:30px 0 20px; border-left:solid 3px #333; font-size:110%; line-height:27px; color:#061326; font-weight:bold; padding-left:5px;} #itemDetail #review .review_area{margin-top:10px; margin-bottom:20px;} #review p{margin:5px 10px;} #review p.item_name{font-size:95%; font-weight:bold; margin:10px; color:#2C5A9F; font-size:120%;} #review h3{float:left; margin:0 10px; font-size:100%; font-weight:normal;} #review .box{zoom:1; margin:10px 0 10px; padding:10px; background:#f1f8ff;} #review .box h3{float:none; font-size:100%; font-weight:bold; margin-bottom:10px;} #review .box p{margin:0; font-size:90%;} #review .box p.name{padding:10px 0; border-bottom:1px solid #FFF; color:#666;} #review .box p.naiyo{padding:10px 0; border-top:1px solid #8E9398;} #review p.goodButton{margin-bottom:5px; color:#666; font-size:75%;} #review p.goodButton input{margin-left:5px;} #review p.goodNumber{margin-bottom:20px; color:#666; font-size:75%;} #review p.more{margin-bottom:20px; font-size:90%%; text-align:right;} #review p.pageguide{margin:10px;} #review p.pagelink{text-align:center; margin-bottom:20px;} #review ul.star{float:left; margin-right:10px;} #review ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;} #review ul.star li.good{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/review_good.png") no-repeat;} #review ul.star li.bad{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/review_bad.png") no-repeat;} #review .contribution{zoom:1; margin-top:10px; padding:10px 10px 0 10px;} #review .contribution table{width:780px; margin:0; border:none;} #review .contribution th{width:80px; padding:5px 10px; border:none; background:none; font-weight:normal; text-align:left;} #review .contribution td{padding:5px 10px; border:none; font-size:100%;} #review .contribution h3{float:none; margin-bottom:10px; padding:3px 5px; border-right:1px solid #EEE; border-bottom:1px solid #DDD; border-left:5px solid #960; background:#F5F5F5; font-size:95%;} /* ================================================================= 13.購入履歴 使用ファイル：member_history.xhtml =================================================================*/ #history h3{display:block; margin:40px 30px 0 20px; padding-left:5px; font-size:100%;} /* #history h3.preparing{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/history_preparing.gif") no-repeat;} #history h3.delivered{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/history_delivered.gif") no-repeat;} #history h3.delivering{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/history_delivering.gif") no-repeat;} */ #history h3.canceled{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/history_canceled.gif") 0% 5% no-repeat; padding-left:55px;} #history h3.yoyaku{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/history_yoyaku.gif") 0% 5% no-repeat; padding-left:55px;} #history h3.teiki_together{background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/history_teiki_together.gif") no-repeat;} #history .price{color:#C00; text-align:right;} #history .cart{width:230px; text-align:center;} #history .cart a{font-weight:bold;} #history .code{width:80px;} #history .amount{width:30px; text-align:center;} #history .status{float:right;} #history .property{display:block; color:#AAA; font-size:90%;} #history a{color:#15427A;} #history .btnlink{display:block;} /* =================================================================== 14：サブウインドウで表示するページ用 使用ファイル：item_detail_other_image.xhtml 　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml 　　　　　　　item_itemproperty_zaiko.xhtml 　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml =================================================================== */ #subwindow{width:640px;margin:auto;text-align:left;} #subwindow #header{width:640px;zoom:100%;} #subwindow #header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */ #subwindow #header h1 a{float:left;width:300px;height:60px;background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/header_title.jpg") no-repeat;display:block;text-indent:-9999px;} #subwindow #content{width:640px;padding-bottom:20px;float:left;} #subwindow #content h2{height:25px;display:block;background:url("/web/20191207080633im_/http://maginodrive.jp/client_info/MAGES/view/userweb/images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;} #subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;} #subwindow #content .images{text-align:center;margin:10px;} #subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;} #subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;} #subwindow #content th.zaiko{width:auto;text-align:center;} #subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;} #subwindow #content td.number{text-align:right;} #subwindow #content .hissu{color:#CC0000;font-weight:bold;} #subwindow .buttonarea{text-align:center;border-top:#CCCCCC 1px dashed;margin:10px;padding-top:10px;} /* ================================================================= 15.エラーページ 使用ファイル：common/messages.xhtml =================================================================*/ #error{width:100%; padding-bottom:20px;} #error table{margin:20px; border:none !important; font-size:100%;} #error td{padding:10px; border:none !important;} #error .ico{width:40px; vertical-align:top; text-align:center;} #error .content{padding:5px; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%;} #error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;} #error ul{background:none;} /* ================================================================= 16.クレジットカード登録画面 使用ファイル：member_credit_entry_input.xhtml =================================================================*/ #credit td.button{text-align:center;} /* ================================================================= 16.マイページ 使用ファイル：member_mypage.xhtml =================================================================*/ #member .middle p{font-size:110%; margin:5px 0;} /* FILE ARCHIVED ON 08:06:33 Dec 07, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:10:53 Nov 15, 2023. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 171.222 exclusion.robots: 0.156 exclusion.robots.policy: 0.14 cdx.remote: 0.103 esindex: 0.014 LoadShardBlock: 98.431 (3) PetaboxLoader3.datanode: 107.393 (4) load_resource: 93.456 PetaboxLoader3.resolve: 50.931 */