/* @charset "utf-8"; */ /* CSS Document */ /*=ハック ---------------------------------------------------------------------------*/ /*クリアーフィックス S*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac */ * html .clearfix { height:1%; } .clearfix { display: block; } /*End hide form IE-mac*/ /*クリアーフィックス　E*/ /*EEE-ハック ---------------------------------------------------------------------------*/ /*=CSSデフォルトリセット" 基本セット ---------------------------------------------------------------------------*/ /* * { margin: 0; padding: 0; border: none; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td{ padding:0; margin:0; } ins { text-decoration: none !important; } em { font-weight: normal !important; font-style: normal !important; } strong { font-weight: normal !important; font-style: normal !important; } img { vertical-align:bottom; border-style:none; } a img { outline:none; } a { outline: none; } */ /* a:hover { text-decoration: none; color: #09F; } a:active { text-decoration: none; } */ /*EEE-CSSデフォルトリセット ---------------------------------------------------------------------------*/ /*=bodyに対する指定 S ---------------------------------------------------------------------------*/ /* body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 62.5%; color: #4B4B4B; margin: 0px; padding: 0px; overflow-x: hidden; } */ body#paperBeigeOld { background-image: url(../img/css-img/pattern/paper-cream-old500.jpg); } /*EEE-body ---------------------------------------------------------------------------*/ /*---▼ = wrapperの指定 ----------------------------------------------------------------------*/ body#paperBeigeOld #wrapper { background-repeat: repeat-x; background-position: center 80px; /* background-position: center 210px; */ /* ページナビを上にした時の背景位置 */ background-image: url(../img/css-img/pattern/bg-beige-h480.gif); } /*---▲ ----------------------------------------------------------------------*/ /*=wrapに対する指定 S ---------------------------------------------------------------------------*/ /* #wrap { width: 962px; margin-right: auto; margin-left: auto; color: #333; padding-left: 20px; margin-bottom: 20px; overflow: hidden; } */ /* bodyの一番下の空白を消す指定*/ /* 両サイドのボーダー用の余裕2px */ /*EEE-wrap ---------------------------------------------------------------------------*/ /*SSSSS ########################################################################################################## 共通指定項目 ########################################################################################################## */ /* .link { font-size: 1.3em; } .link a { text-decoration: underline; font-weight: normal; color:#06C; } .link a:hover { color: #F09; } */ /* a { text-decoration: none; font-weight: normal; color: #003399; } a:hover { color: #F69; } */ .txtNormal { font-size: 1.3em; line-height: 1.35; } .clear { clear: both !important; } img { vertical-align: bottom; } .photoFrame { background-color: #FFF; padding: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dddddd; border-right-color: #aaaaaa; border-bottom-color: #aaaaaa; border-left-color: #dddddd; } .frameLine { border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #666; border-left: 1px solid #666; } /*= ▼余白に対する共通指定 ---------------------------------------------------------------------------*/ /*-- ▼=マージンの共通指定 --*/ /*-- ▼top --*/ .marginT1em { margin-top: 1em !important; } .marginT-10px { margin-top: -10px !important; } .marginT-5px { margin-top: -5px !important; } .marginT0px { margin-top: 0px !important; } .marginT1px { margin-top: 1px !important; } .marginT2px { margin-top: 2px !important; } .marginT3px { margin-top: 3px !important; } .marginT4px { margin-top: 0px !important; } .marginT5px { margin-top: 5px !important; } .marginT10px { margin-top: 10px !important; } .marginT15px { margin-top: 15px !important; } .marginT20px { margin-top: 20px !important; } .marginT25px { margin-top: 25px !important; } .marginT30px { margin-top: 30px !important; } .marginT35px { margin-top: 35px !important; } .marginT40px { margin-top: 40px !important; } .marginT45px { margin-top: 45px !important; } .marginT50px { margin-top: 50px !important; } .marginT55px { margin-top: 55px !important; } .marginT60px { margin-top: 60px !important; } .marginT65px { margin-top: 65px !important; } .marginT70px { margin-top: 70px !important; } .marginT75px { margin-top: 75px !important; } .marginT80px { margin-top: 80px !important; } .marginT85px { margin-top: 85px !important; } .marginT90px { margin-top: 90px !important; } .marginT95px { margin-top: 95px !important; } .marginT100px { margin-top: 100px !important; } /*-- ▼right --*/ .marginR0px, .omega { margin-right: 0px !important; } .marginR1px { margin-right: 1px !important; } .marginR2px { margin-right: 2px !important; } .marginR3px { margin-right: 3px !important; } .marginR4px { margin-right: 4px !important; } .marginR5px { margin-right: 5px !important; } .marginR6px { margin-right: 6px !important; } .marginR7px { margin-right: 7px !important; } .marginR8px { margin-right: 8px !important; } .marginR9px { margin-right: 5px !important; } .marginR10px { margin-right: 10px !important; } .marginR15px { margin-right: 15px !important; } .marginR20px { margin-right: 20px !important; } .marginR25px { margin-right: 25px !important; } .marginR30px { margin-right: 30px !important; } .marginR35px { margin-right: 35px !important; } .marginR40px { margin-right: 40px !important; } .marginR45px { margin-right: 45px !important; } .marginR50px { margin-right: 50px !important; } .marginR55px { margin-right: 55px !important; } .marginR60px { margin-right: 60px !important; } .marginR65px { margin-right: 65px !important; } .marginR70px { margin-right: 70px !important; } .marginR75px { margin-right: 75px !important; } .marginR80px { margin-right: 80px !important; } .marginR85px { margin-right: 85px !important; } .marginR90px { margin-right: 90px !important; } .marginR95px { margin-right: 95px !important; } .marginR100px { margin-right: 100px !important; } .marginR105px { margin-right: 105px !important; } .marginR110px { margin-right: 110px !important; } .marginR115px { margin-right: 115px !important; } .marginR120px { margin-right: 120px !important; } /*-- ▼bottom --*/ .marginB1em { margin-bottom: 1em; !important; } .marginB-50px { margin-bottom: -50px !important; } .marginB0px { margin-bottom: 0px !important; } .marginB1px { margin-bottom: 1px !important; } .marginB2px { margin-bottom: 2px !important; } .marginB3px { margin-bottom: 3px !important; } .marginB4px { margin-bottom: 4px !important; } .marginB5px { margin-bottom: 5px !important; } .marginB10px { margin-bottom: 10px !important; } .marginB15px { margin-bottom: 15px !important; } .marginB20px { margin-bottom: 20px !important; } .marginB25px { margin-bottom: 25px !important; } .marginB30px { margin-bottom: 30px !important; } .marginB35px { margin-bottom: 35px !important; } .marginB40px { margin-bottom: 40px !important; } .marginB45px { margin-bottom: 45px !important; } .marginB50px { margin-bottom: 50px !important; } .marginB55px { margin-bottom: 55px !important; } .marginB60px { margin-bottom: 60px !important; } .marginB65px { margin-bottom: 65px !important; } .marginB70px { margin-bottom: 70px !important; } .marginB75px { margin-bottom: 75px !important; } .marginB80px { margin-bottom: 80px !important; } .marginB85px { margin-bottom: 85px !important; } .marginB90px { margin-bottom: 90px !important; } .marginB95px { margin-bottom: 95px !important; } .marginB100px { margin-bottom: 100px !important; } .marginB105px { margin-bottom: 105px !important; } .marginB110px { margin-bottom: 110px !important; } .marginB115px { margin-bottom: 115px !important; } .marginB120px { margin-bottom: 120px !important; } .marginB125px { margin-bottom: 125px !important; } .marginB130px { margin-bottom: 130px !important; } .marginB135px { margin-bottom: 135px !important; } .marginB140px { margin-bottom: 140px !important; } .marginB120px { margin-bottom: 120px !important; } .marginB145px { margin-bottom: 145px !important; } .marginB150px { margin-bottom: 150px !important; } /*-- ▼left --*/ .marginL0px, .alpha { margin-left: 0px !important; } .marginL1px { margin-left: 1px !important; } .marginL2px { margin-left: 2px !important; } .marginL3px { margin-left: 3px !important; } .marginL4px { margin-left: 4px !important; } .marginL5px { margin-left: 5px !important; } .marginL6px { margin-left: 6px !important; } .marginL7px { margin-left: 7px !important; } .marginL8px { margin-left: 8px !important; } .marginL9px { margin-left: 9px !important; } .marginL10px { margin-left: 10px !important; } .marginL15px { margin-left: 15px !important; } .marginL20px { margin-left: 20px !important; } .marginL25px { margin-left: 25px !important; } .marginL30px { margin-left: 30px !important; } .marginL35px { margin-left: 35px !important; } .marginL40px { margin-left: 40px !important; } .marginL45px { margin-left: 45px !important; } .marginL50px { margin-left: 50px !important; } .marginL55px { margin-left: 55px !important; } .marginL60px { margin-left: 60px !important; } .marginL250px { margin-left: 250px !important; } /*-- top & bottom --*/ .marginTB5px { margin-top: 0px !important; margin-bottom: 0px !important; } .marginTB5px { margin-top: 5px !important; margin-bottom: 5px !important; } .marginTB10px { margin-top: 10px !important; margin-bottom: 10px !important; } .marginTB15px { margin-top: 15px !important; margin-bottom: 15px !important; } .marginTB20px { margin-top: 20px !important; margin-bottom: 20px !important; } .marginTB25px { margin-top: 25px !important; margin-bottom: 25px !important; } .marginTB30px { margin-top: 30px !important; margin-bottom: 30px !important; } .marginTB35px { margin-top: 35px !important; margin-bottom: 35px !important; } .marginT5B10px { margin-top: 5px !important; margin-bottom: 10px !important; } .marginT5B15px { margin-top: 5px !important; margin-bottom: 15px !important; } .marginT5B20px { margin-top: 5px !important; margin-bottom: 20px !important; } .marginT10B5px { margin-top: 10px !important; margin-bottom: 5px !important; } .marginT10B15px { margin-top: 10px !important; margin-bottom: 15px !important; } .marginT10B20px { margin-top: 10px !important; margin-bottom: 20px !important; } .marginT15B5px { margin-top: 15px !important; margin-bottom: 5px !important; } .marginT20B10px { margin-top: 20px !important; margin-bottom: 10px !important; } .marginT30B10px { margin-top: 30px !important; margin-bottom: 10px !important; } /*-- left & right --*/ .marginLRauto { margin-right: auto !important; margin-left: auto !important; } /* ▲マージンの共通指定 */ /*-- =▼パディングの共通指定 --*/ /* ▼上下のみ */ .paddingTB5px { padding-top: 5px; padding-bottom: 5px; } .paddingTB10px { padding-top: 10px; padding-bottom: 10px; } .paddingTB15px { padding-top: 15px; padding-bottom: 15px; } .paddingTB20px { padding-top: 20px; padding-bottom: 20px; } .paddingTB25px { padding-top: 25px; padding-bottom: 25px; } .paddingTB30px { padding-top: 30px; padding-bottom: 30px; } /* ▲上下のみ */ /* ▼左右のみ */ .paddingLR5px { padding-right: 5px; padding-left: 5px; } .paddingLR10px { padding-right: 10px; padding-left: 10px; } .paddingLR15px { padding-right: 15px; padding-left: 15px; } .paddingLR20px { padding-right: 20px; padding-left: 20px; } .paddingLR25px { padding-right: 25px; padding-left: 25px; } .paddingLR30px { padding-right: 30px; padding-left: 30px; } /* ▲左右のみ */ /*-- ▼全方向 --*/ .paddingAll10px { padding: 10px !important; } .paddingAll15px { padding: 15px !important; } .paddingAll20px { padding: 20px !important; } /*-- ▲全方向 --*/ /*-- top --*/ .paddingT5px; { padding-top: 5px !important; } .paddingT10px; { padding-top: 10px !important; } .paddingT15px; { padding-top: 15px !important; } .paddingT20px; { padding-top: 20px !important; } .paddingT25px; { padding-top: 25px !important; } .paddingT30px; { padding-top: 30px !important; } .paddingT35px; { padding-top: 35px !important; } .paddingT40px; { padding-top: 40px !important; } .paddingT45px; { padding-top: 45px !important; } .paddingT50px; { padding-top: 50px !important; } .paddingT55px; { padding-top: 55px !important; } .paddingT60px; { padding-top: 60px !important; } .paddingT65px; { padding-top: 65px !important; } .paddingT70px; { padding-top: 70px !important; } .paddingT75px; { padding-top: 75px !important; } .paddingT80px; { padding-top: 80px !important; } .paddingT85px; { padding-top: 85px !important; } .paddingT90px; { padding-top: 90px !important; } .paddingT95px; { padding-top: 95px !important; } .paddingT100px; { padding-top: 100px !important; } /*-- bottomの指定 --*/ .paddingB1em; { padding-bottom: 1em !important; } .paddingB10px; { padding-bottom: 10px !important; } .paddingB20px; { padding-bottom: 20px !important; } .paddingTB10px { padding-top: 10px !important; padding-bottom: 10px !important; } /*-- leftの指定 --*/ .paddingL5px { padding-left: 5px !important; } .paddingL10px { padding-left: 10px !important; } .paddingL15px { padding-left: 15px !important; } .paddingL20px { padding-left: 20px !important; } /*-- =▼パディングの共通指定 --*/ /*= ▲ 余白に対する共通指定 ---------------------------------------------------------------------------*/ /*=フォントに対する共通指定 S ---------------------------------------------------------------------------*/ /* テキストの位置に関する指定 */ .txtRight /*--リンクテキストを右に寄せるのに主に使用（ブロック化させる） --*/ { text-align: right !important; display: block !important; padding-top: 5px; } .alignR { text-align: right !important; }/* テキスト以外にも指定可 */ .alignCenter { text-align: center !important; }/* テキスト以外にも指定可 */ .alignL { text-align: left !important; }/* テキスト以外にも指定可 */ .alignJustify { text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } /* 色-ウェイト等に関する S */ .Bold { font-weight: bold !important; } .Pink { color: #F69 !important; } .pinkB { color: #F69 !important; font-weight: bold !important; } .White { color: #FFF !important; } .Blue { color: #00A0C6 !important; } .blueB { color: #00A0C6 !important; font-weight: bold !important; } .Orange { color: #F60 !important; } .orangeB { color: #F60 !important; font-weight: bold !important; } .Red { color: #DB0000 !important; } .redB { color: #DB0000 !important; font-weight: bold !important; } .spRed { color: #F00 !important; font-weight: bold !important; font-size: 15px !important; letter-spacing: 0.02em; } .spBlue { color: #00A0C6 !important; font-weight: bold !important; font-size: 15px !important; } .spPink { color: #F69 !important; font-weight: bold !important; font-size: 15px !important; letter-spacing: 0.02em; } .spGreen { color: #54B83F !important; font-weight: bold !important; font-size: 15px !important; letter-spacing: 0.02em; } .spOrange { color: #FF822F !important; font-weight: bold !important; font-size: 15px !important; letter-spacing: 0.02em; } /* EEE-色-ウェイト等に関する指定 */ /*-- =フォントサイズの共通指定　S --*/ .font6px { font-size: 6px !important; } .font7px { font-size: 7px !important; } .font8px { font-size: 8px !important; } .font9px { font-size: 9px !important; } .font10px { font-size: 10px !important; } .font11px { font-size: 11px !important; } .font12px { font-size: 12px !important; } .font13px { font-size: 13px !important; } .font14px { font-size: 14px !important; } .font15px { font-size: 15px !important; } .font16px { font-size: 16px !important; } .font17px { font-size: 17px !important; } .font18px { font-size: 18px !important; } .font19px { font-size: 19px !important; } .font20px { font-size: 20px !important; } .font21px { font-size: 21px !important; } .font22px { font-size: 22px !important; } .font23px { font-size: 23px !important; } .font24px { font-size: 24px !important; } .font25px { font-size: 25px !important; } .font26px { font-size: 26px !important; } .font27px { font-size: 27px !important; } .font28px { font-size: 28px !important; } .font29px { font-size: 29px !important; } .font30px { font-size: 30px !important; } .font31px { font-size: 31px !important; } .font40px { font-size: 40px !important; } .font50px { font-size: 50px !important; } .font6em { font-size: 0.6em !important; } .font7em { font-size: 0.7em !important; } .font8em { font-size: 0.8em !important; } .font9em { font-size: 0.9em !important; } .font10em { font-size: 1.0em !important; } .font11em { font-size: 1.1em !important; } .font12em { font-size: 1.2em !important; } .font13em { font-size: 1.3em !important; } .font14em { font-size: 1.4em !important; } .font15em { font-size: 1.5em !important; } .font16em { font-size: 1.6em !important; } .font17em { font-size: 1.7em !important; } .font18em { font-size: 1.8em !important; } .font19em { font-size: 1.9em !important; } .font20em { font-size: 2.0em !important; } .font21em { font-size: 2.1em !important; } .font22em { font-size: 2.2em !important; } .font23em { font-size: 2.3em !important; } .font24em { font-size: 2.4em !important; } .font25em { font-size: 2.5em !important; } .font26em { font-size: 2.6em !important; } .font27em { font-size: 2.7em !important; } .font28em { font-size: 2.8em !important; } .font29em { font-size: 2.9em !important; } .font30em { font-size: 3.0em !important; } .font31em { font-size: 3.1em !important; } .font40em { font-size: 4.0em !important; } .font50em { font-size: 5.0em !important; } /*-- フォントサイズの共通指定　E --*/ /*-- 文字間の指定 S --*/ .letterSpacing-0.2em { letter-spacing: -0.2em !important; } /*-- 文字間の指定 E --*/ /*-- =ラインハイトに関する指定 S--*/ .lineH1.0 { line-height: 1 !important; } .lineH1_1 { line-height: 1.1 !important; } .lineH1_2 { line-height: 1.2 !important; } .lineH1_3 { line-height: 1.3 !important; } .lineH1_4 { line-height: 1.4 !important; } .lineH1_5 { line-height: 1.5 !important; } .lineH1_6 { line-height: 1.6 !important; } .lineH1_7 { line-height: 1.7 !important; } .lineH1.8 { line-height: 1.8 !important; } .lineH1.9 { line-height: 1.9 !important; } .lineH2.0 { line-height: 2.0 !important; } /*-- EEE-ラインハイトに関する指定--*/ /*-- フォントファミリーに関する指定 S--*/ .famMeiryo { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; } /*-- EEE-フォントファミリーに関する指定 --*/ /*=EEEフォントに対する共通指定 ---------------------------------------------------------------------------*/ /*--- = 汎用フォント・テキストスタイルの共通スタイル一括指定　S ----------------------------------------------------------------------*/ .attentionTxt { font-size: 12px !important; color: #666 !important; line-height: 1.4 !important; text-decoration: underline !important; padding-top: 5px !important; padding-bottom: 3px !important; } .attentionTxtBlue { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px !important; color: #09F !important; padding-top: 5px !important; padding-bottom: 3px !important; } .attentionTxtBlue .underBorder { border-bottom: 1px dashed #09F; line-height: 1.8; } .attentionTxtGray { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px !important; color: #3c3c3c !important; padding-top: 5px !important; padding-bottom: 3px !important; } .attentionTxtGray .underBorder { border-bottom: 1px dashed #3c3c3c; line-height: 1.8; } /*--- EEE フォント・テキストスタイルの共通スタイル一括指定 ----------------------------------------------------------------------*/ /*-- ボーダーを入れるのみの指定 S --*/ /*borderで四辺を囲む指定 各色 S */ /*--- 1pxボーダー▼ ---*/ .blueBorder { border: 1px solid #4BB7F3 !important; } .greenBorder { border: 1px solid #51C729 !important; } .redBorder { border: 1px solid #F73544 !important; } .magentaBorder { border: 1px solid #d9053f !important; } /*--- 1pxボーダー▲ ---*/ /*--- 2pxボーダー▼ ---*/ .magentaBorder2px { border: 2px solid #d9053f !important; } .skyBlureBorder2px { border: 2px solid #00b0ec !important; } /*--- 2pxボーダー▲ ---*/ /* borderで四辺を囲む指定 各色 E*/ /*-- 下線borderを入れる指定 各色--S */ .underBorderGray { border-bottom: 1px dashed #ccc !important; padding-bottom: 1px !important; } /*-- ▼下線borderを入れる指定 -- */ /*-- ▼下線border インライン要素適用でフルラインにする -- */ .underBorders span { border-bottom: 1px dashed #ccc !important; line-height: 1.7 !important; }/* spanでくるんでインライン要素にする。(pなどをブロックとして残しておきたいので） */ /*-- 下線borderを入れる指定 インライン要素適用でフルラインにする --E */ .dottedBorder4px { border-bottom-width: 4px !important; border-bottom-style: dotted !important; border-bottom-color: #CCC !important; } /*-- ▲ボーダーを入れるのみの指定 --*/ /*=li内の共通指定 S ---------------------------------------------------------------------------*/ /*-- リストマークを外す--*/ .liStyleNone { list-style-type: none !important; } /*-- ボーダーを外す--*/ .liStyleNoneBorder { border: none !important; } /*-- リストマーク＆ボーダーを外す--*/ .liStyleNoneBorderMark { list-style-type: none !important; border: none !important; } .underFullLine li p { display: inline; border-bottom-width: 1px !important; border-bottom-style: dashed !important; border-bottom-color: #999 !important; line-height: 1.7 !important; /* padding-bottom:0px !important; */ } /*=li内の共通指定 S ---------------------------------------------------------------------------*/ /*=ul,ol内の共通指定箇所 S ---------------------------------------------------------------------------*/ /*-- ボーダーと下余白を入れるだけの指定--*/ .borderStyle li { border-bottom: 1px dashed #ccc; padding-bottom: 1px; } /*-- ulStyleA の指定　S --*/ .ulStyleA { font-size: 1.3em !important; line-height: 1.5 !important; margin-left: 40px !important; width: 48em !important; } .ulStyleA li { margin-top: 8px !important; border-bottom-width: 1px !important; border-bottom-style: dashed !important; border-bottom-color: #F6C !important; } / /*-- ulStyleA の指定　E --*/ /*-- ulStyleB の指定　S (liに対する薄灰色ボーダーのみ）--*/ .ulStyleB li { border-bottom:1px dashed #999 !important; padding-top: 10px !important; padding-bottom: 10px !important; } /*-- ulStyleB の指定　E --*/ /*-- =.ulStyleStandard の指定　S --*/ .ulStyleStandard { margin-left: 20px !important; font-size: 1.5em !important; } .ulStyleStandard li { margin-left: 14px !important; line-height: 24px !important; margin-top: 2px !important; list-style: disc; } /*-- EEE .ulStandardの指定　 --*/ /*-- EEE ul,ol内の共通指定箇所 S ---------------------------------------------------------------------------*/ /*=dlに対する共通指定 ---------------------------------------------------------------------------*/ /* dl内を並列にさせる指定 S */ dl.paraDl { clear: left; } dl.paraDl dt { float: left; width: 80px; font-size: 14px; font-weight: bold; line-height: 1.4; margin-bottom: 4px; } dl.paraDl dd { margin-left: 80px; font-size: 14px; margin-bottom: 5px; line-height: 1.4; } /*パラレルddに破線のボーダーラインを入れる指定*/ dl.paraDl dd { border-bottom: 1px dashed #CCC; } /*　EEE-dl内を並列にさせる指定 */ /*-- .dlStyleAの指定 S (dtテキスト色マゼンタ）--*/ #wrap #container .dlStyleA dt { font-weight: bold; color: #E5027F; font-size: 1.4em; line-height: 1.6; } #wrap #container .dlStyleA dd { font-size: 1.3em; line-height: 1.4; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #CDBB86; } /*-- .dlStyleAの指定 E --*/ /*=dlに対する共通指定 EEEEE ------------------------------------------*/ /*=tableに対する共通指定 ------------------------------------------*/ .layoutFixed { table-layout: fixed !important; } .tdPadding10 td { padding: 10px 10px 10px 10px !important; } /*-- .tableStyleOrangeGradBig　内の指定 S --*/ .tableStyleOrangeGradBig { width: 100%; } .tableStyleOrangeGradBig caption { font-size: 1.6em; font-weight: bold; color: #666; text-align: left; padding-left: 6px; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #34ADA0; border-left-color: #34ADA0; } .tableStyleOrangeGradBig th, .tableStyleOrangeGradBig td { border: 1px solid #34ADA0; font-size: 15px; line-height: 1.5em; color: #2E988D; padding: 8px 8px 8px 8px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; } .tableStyleOrangeGradBig th { color: #1F655E; background: #FC6 url(img/css-img/bg-parts/pattern/orange-grad.jpg) repeat; } .tableStyleOrangeGradBig ul { margin-left: 20px; } .tableStyleOrangeGradBig ul li { margin-top: 5px; line-height: 1.4; } /*-- .tableStyleOrangeGradBig　内の指定 E --*/ /*-- .tableStyleOrangeGrad　内の指定 S --*/ .tableStyleOrangeGrad caption { font-size: 1.3em; color: #666; text-align: left; padding-left: 6px; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #34ADA0; border-left-color: #34ADA0; } .tableStyleOrangeGrad th, .tableStyleOrangeGrad td { border: 1px solid #34ADA0; font-size: 1.3em; line-height: 1.5em; color: #2E988D; padding: 5px 5px 5px 5px; } #wrap #container .tableStyleOrangeGrad th { color: #34ADA0; background: #FC6 url(img/css-img/bg-parts/pattern/orange-grad.jpg) repeat; } #wrap #container .tableStyleOrangeGrad ul li { margin-bottom: 3px; line-height: 1.4; } /*-- .tableStyleOrangeGrad　内の指定 E --*/ /*-- .tableStyleRed　内の指定 S --*/ #wrap #container .tableStyleRed caption { font-size: 1.3em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #C77878; padding-left: 6px; border-bottom-color: #C5B173; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStyleRed th, #wrap #container .tableStyleRed td { border: 1px solid #C77878; font-size: 1.3em; line-height: 1.5em; color: #666; padding: 5px 5px 5px 5px; } #wrap #container .tableStyleRed th { background-color: #DDACAC; color: #5A5A5A; } /*-- .tableStyleRed　内の指定 E --*/ /*-- .tableStyleBrown　内の指定 S --*/ #wrap #container .tableStyleBrown caption { font-size: 1.3em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #78C78C; padding-left: 6px; border-bottom-color: #C5B173; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStyleBrown th, #wrap #container .tableStyleBrown td { border: 1px solid #C79F78; font-size: 1.3em; line-height: 1.5em; color: #666; padding: 5px 5px 5px 5px; } #wrap #container .tableStyleBrown th { background-color: #DDC5AC; color: #5A5A5A; } /*-- .tableStyleBrown　内の指定 E --*/ /*-- .tableStyleGreen　内の指定 S --*/ #wrap #container .tableStyleGreen caption { font-size: 1.3em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #78C78C; padding-left: 6px; border-bottom-color: #C5B173; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStyleGreen th, #wrap #container .tableStyleGreen td { border: 1px solid #78C78C; font-size: 1.3em; line-height: 1.5; color: #666; padding: 5px 5px 5px 5px; } #wrap #container .tableStyleGreen th { background-color: #A5DAB3; color: #5A5A5A; } /*-- .tableStyleGreen　内の指定 E --*/ /*-- .tableStyleBlue　内の指定 S --*/ #wrap #container .tableStyleBlue caption { font-size: 1.3em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #78B4C7; padding-left: 6px; border-bottom-color: #78B4C7; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStyleBlue th, #wrap #container .tableStyleBlue td { border: 1px solid #78B4C7; font-size: 1.3em; line-height: 1.5em; color: #666; padding: 5px 5px 5px 5px; } #wrap #container .tableStyleBlue th { background-color: #A5CDDA; color: #5A5A5A; } /*-- .tableStyleBlue 内の指定 E --*/ /*-- .tableStylePurple 内の指定 S --*/ #wrap #container .tableStylePurple caption { font-size: 1.3em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #78B4C7; padding-left: 6px; border-bottom-color: #C5B173; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStylePurple th, #wrap #container .tableStylePurple td { border: 1px solid #B478C7; font-size: 1.3em; line-height: 1.5em; color: #666; padding: 5px 5px 5px 5px; } #wrap #container .tableStylePurple th { background-color: #CDA5DA; color: #5A5A5A; } /*-- .tableStylePurple　内の指定 E --*/ /*-- .tableStyleRed　内の指定 S --*/ #wrap #container .tableStyleBeigePatternA caption { font-size: 1.3em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #F4DC9D; padding-left: 6px; border-bottom-color: #F4DC9D; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStyleBeigePatternA th, #wrap #container .tableStyleBeigePatternA td { border: 1px solid #F4DC9D; font-size: 1.3em; line-height: 1.5em; color: #666; padding: 5px 5px 5px 5px; } #wrap #container .tableStyleBeigePatternA th { color: #5A5A5A; background-image: url(img/css-img/bg-parts/pattern/beige-a.jpg); background-repeat: repeat; } /*-- .tableStyleGummedTapePatternA　内の指定 S --*/ #wrap #container .tableStyleGummedTapePatternA caption { font-size: 1.5em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #AE8753; padding-left: 8px; border-bottom-color: #9A7849; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .tableStyleGummedTapePatternA th, #wrap #container .tableStyleGummedTapePatternA td { border: 1px solid #AE8753; line-height: 1.4; padding: 7px 7px 7px 7px; } #wrap #container .tableStyleGummedTapePatternA th { color: #FFF; background-image: url(img/css-img/bg-parts/pattern/gummed-tape-a.jpg); background-repeat: repeat; font-size: 1.5em; } #wrap #container .tableStyleGummedTapePatternA td { font-size: 1.4em; color: #666; } #wrap #container .tableStyleGummedTapePatternA p { text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } #wrap #container .mainArea .tableStyleGummedTapePatternA ul { margin-left: 15px; } #wrap #container .mainArea .tableStyleGummedTapePatternA ul li { margin-top: 3px; } /*-- .tableStyleGummedTapePatternA　内の指定 E --*/ /*-- =.tableStyleWhiteAlpha80　内の指定 S --*/ #wrap #container .mainArea .tableStyleWhiteAlpha80 caption { font-size: 1.5em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #AE8753; padding-left: 8px; border-bottom-color: #9A7849; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .mainArea .tableStyleWhiteAlpha80 th, #wrap #container .mainArea .tableStyleWhiteAlpha80 td { border: 1px solid #AE8753; line-height: 1.4; padding: 7px 7px 7px 7px; background-image: url(img/css-img/bg-parts/pattern/white-alpha80.png); background-repeat: repeat; } #wrap #container .mainArea .tableStyleWhiteAlpha80 th { color: #1C1C1C; font-size: 1.5em; text-align: left; } #wrap #container .mainArea .tableStyleWhiteAlpha80 td { font-size: 1.4em; color: #181818; } #wrap #container .mainArea .tableStyleWhiteAlpha80 p { text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } #wrap #container .mainArea .tableStyleWhiteAlpha80 ul { margin-left: 15px; } #wrap #container .mainArea .tableStyleWhiteAlpha80 ul li { margin-top: 3px; } /*-- EEE .tableStyleWhiteAlpha80　内の指定 --*/ /*-- =.tableStyleWhiteAlpha80SizeS　内の指定 S --*/ #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS caption { font-size: 1.5em; color: #666; text-align: left; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-left-color: #AE8753; padding-left: 8px; border-bottom-color: #9A7849; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; } #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS th, #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS td { border: 1px solid #AE8753; line-height: 1.3; padding: 6px 6px 6px 6px; background-image: url(img/css-img/bg-parts/pattern/white-alpha80.png); background-repeat: repeat; } #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS th { color: #1C1C1C; font-size: 1.2em; text-align: left; } #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS td { font-size: 1.2em; color: #181818; } #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS p { text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS ul { margin-left: 10px; } #wrap #container .mainArea .tableStyleWhiteAlpha80SizeS ul li { margin-top: 3px; } /*-- EEE .tableStyleWhiteAlpha80SizeS　内の指定 --*/ /*-- .tableStyleGreenBorder　内の指定 S --*/ #wrap #container .tableStyleGreenBorder caption { font-size: 1.6em; font-weight: bold; color: #666; text-align: left; padding-left: 6px; margin-left: 3px; padding-top: 3px; padding-bottom: 2px; border-bottom-width: 1px; border-left-width: 7px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #34ADA0; border-left-color: #34ADA0; } #wrap #container .tableStyleGreenBorder th, #wrap #container .tableStyleGreenBorder td { border: 1px solid #34ADA0; font-size: 1.5em; line-height: 1.5em; color: #2E988D; padding: 8px 8px 8px 8px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; } #wrap #container .tableStyleGreenBorder th { color: #1F655E; background-color: #FC6; background-image: url(img/css-img/bg-parts/pattern/border-gre.gif); background-repeat: repeat; } #wrap #container .tableStyleGreenBorder ul li { margin-bottom: 3px; line-height: 1.4; } /*-- .tableStyleGreenBorder　内の指定 E --*/ /*=tableに対する共通指定 EEEEE ------------------------------------------*/ /*=float フロートに関する共通指定 s ------------------------------------------*/ .floatL { float: left !important; display: inline !important; } .floatR { float: right !important; display: inline !important; } /*-- 中のdl要素をフロートさせるdiv --*/ div.floatLArea dl { float: left; display: inline; } .floatLeftDirectArea li { float: left; display: inline; } /*=フロートに関する共通指定 EEEEE ------------------------------------------* /*-- =背景色・画像・パターンに関する指定 S--*/ #wrap .bgLightGray { background-color: #FBFBFB; padding: 20px; } #wrap .bgGray { background-color: #F6F6F6; padding: 20px; } #wrap .bgCamel { background-color: #EEE9DA; padding: 20px; } #wrap #container .bgNaturalBpat { background-image: url(img/css-img/bg-parts/pattern/natural-brown-pat.png); background-repeat: repeat-y; } /*-- 背景色・画像に関する指定 E--*/ /* =タイトル周りの装飾-共通指定 S ---------------------------------------------------------------------------*/ #wrap #container .tmBarGreen { background-image: url(img/css-img/list-mark/t-mark-green.png); padding-left: 28px; font-size: 16px; margin-bottom: 5px; background-repeat: no-repeat; line-height: 24px; height: 24px; vertical-align: top; border-bottom: 2px solid #00BB91; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .titleStyleUnderLineGreen { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #96B894; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .tbLightBlue { color: #00A0C6; font-size: 1.4em; margin-bottom: 4px; background-image: url(img/common/title-parts/tb-border-lightblue.gif); background-repeat: repeat-x; line-height: 35px; padding-top: 5px; padding-left: 3px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .tbGreen { color: #00A0C6; font-size: 1.4em; margin-bottom: 3px; background-image: url(img/common/title-parts/tb-border-green.gif); background-repeat: repeat-x; line-height: 40px; padding-top: 2px; padding-left: 3px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .tbBrown { color: #C5A850; font-size: 1.4em; margin-bottom: 3px; background-image: url(img/common/title-parts/tb-border-brown.gif); background-repeat: repeat-x; line-height: 40px; padding-top: 2px; padding-left: 3px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .tbMagenta { color: #F85AB5; font-size: 1.4em; margin-bottom: 3px; background-image: url(img/common/title-parts/tb-border-magenta.gif); background-repeat: repeat-x; line-height: 40px; padding-top: 2px; padding-left: 3px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .tbOnePointLightGold { color: #7C6D3F; font-size: 13px; margin-bottom: 3px; background-image: url(img/common/title-parts/tb-onepoint-bar-light-gold.jpg); background-repeat: repeat-x; line-height: 40px; height:40px; padding-left: 57px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #wrap #container .tmTronCross { font-size: 22px; line-height: 60px; background-image: url(img/css-img/list-mark/tron-cross.png); background-repeat: no-repeat; background-position: left center; padding-left: 64px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* =.variableTitleArea タイトルバーの長さが可変するターゲットマーク付きバー S */ #wrap #container .variableTitleArea { padding: 9px 0px 8px 0px; padding: 9px 0px 7px 0px\9; /*IE8 and bellow (IE8以下用のハック）*/ margin: 5px 0px; background-image: url(img/css-img/list-mark/t-mark.png); background-repeat: no-repeat; height: 17px; /* 上下余白を調整したいときはここで調整 */ border-top: 2px solid #F10281; border-bottom: 1px dotted #C2C2C2; background-position: left center; } #wrap #container .variableTitleArea .title { font-size: 15px; /* line-height: 100%; */ /* ここのコメントアウトを外すと2重の線になる */ color: #5E5E5E; display: inline; margin: 0px; border-top: 2px solid #76BE1E; padding-top: 9px; padding-left: 34px; padding-right: 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* EEE-タイトルバーの長さが可変するターゲットマーク付きバー */ /* =.variableTitleAreaB タイトルバーの長さが可変するターゲットマーク付きバー サイズ大 S */ #wrap #container .variableTitleAreaB { padding: 18px 0px 8px 0px; padding: 18px 0px 7px 0px\9; /*IE8 and bellow (IE8以下用のハック）*/ margin: 5px 0px; background-image: url(img/css-img/list-mark/t-mark2.png); background-repeat: no-repeat; height: 34px; /* 上下余白を調整したいときはここで調整 */ border-top: 3px solid #F10281; border-bottom: 1px dotted #C2C2C2; background-position: left center; } #wrap #container .variableTitleAreaB .title { font-size: 18px; /* line-height: 100%;*/ /* ここのコメントアウトを外すと2重の線になる */ color: #484848; display: inline; margin: 0px; border-top: 3px solid #76BE1E; padding-top: 18px; padding-left: 51px; padding-right: 1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* EEE-タイトルバーの長さが可変するターゲットマーク付きバー サイズ大 */ /*-- .tbCraftPaperB クラフトペーパー茶色のナチュラル紙素材大型 S--*/ #wrap #container .tbCraftPaperB { color: #444; height: 82px !important; padding-top: 18px; padding-left: 15px; font-size: 28px; /*-- margin-bottom: 3px; --*/ background-image: url(img/css-img/bg-parts/tb-craftpaper700-100.png); background-repeat: no-repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /*-- EEE.tbCraftPaperB クラフトペーパー茶色のナチュラル紙素材大型 S--*/ /*-- .tbCraftPaper クラフトペーパー茶色のナチュラル紙素材小型 S--*/ #wrap #container .tbCraftPaper { color: #444; height: 58px !important; padding-top: 12px; padding-left: 30px; font-size: 21px; background-image: url(img/css-img/bg-parts/tb-craftpaper700-70.png); background-repeat: no-repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /*-- EEE.tbCraftPaper クラフトペーパー茶色のナチュラル紙素材小型 --*/ /*-- .tbCraftPaper クラフトペーパー灰色のナチュラル紙素材小型 S--*/ #wrap #container .tbCraftPaperFont17 { color: #444; height: 55px !important; padding-top: 15px; padding-left: 15px; font-size: 17px; background-image: url(img/css-img/bg-parts/tb-craftpaper700-70.png); background-repeat: no-repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /*-- EEE.tbCraftPaper クラフトペーパー茶色のナチュラル紙素材小型 --*/ /*-- .tbCraftPaper クラフトペーパー灰色のナチュラル紙素材小型 S--*/ #wrap #container .tbCraftPaperGray { color: #3C3C3C; height: 55px !important; padding-top: 15px; padding-left: 15px; font-size: 17px; background-image: url(img/css-img/bg-parts/tb-craftpaper-gray-700-70.png); background-repeat: no-repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /*-- EEE.tbCraftPaper クラフトペーパー茶色のナチュラル紙素材小型 --*/ /* EEE-タイトル周りの装飾-共通指定 ---------------------------------------------------------------------------*/ /*=画像に対する指定 (アイコン・マーク画像等） ---------------------------------------------------------------------------*/ /*--- .arrowPosition 緑のＷｅｂ2.0矢印画像に対する指定　S---*/ #wrap #main .arrowPosition { margin-left: 290px; } /*--- .arrowPosition 緑のＷｅｂ2.0矢印画像に対する指定　E---*/ /* 表示・非表示をコントロールする目のアイコン部指定 S */ #wrap #container .eyeClick { position: absolute; top: 7px; right: 7px; } /* EEE-表示・非表示をコントロールする目のアイコン部指定 */ /*--- = 汎用で、使うパーツ等への指定 S ----------------------------------------------------------------------*/ /*--- 記述まち ---*/ /*--- EEE-汎用で、使うパーツ等への指定 ----------------------------------------------------------------------*/ /*--- =box・カラム等に対する共通の指定 S ----------------------------------------------------------------------*/ /*-- =width-カラム等の横幅の指定 S --*/ .width200 { width: 200px !important; } .width230 { width: 230px !important; } .width300 { width: 300px !important; } .width310 { width: 310px !important; } .width330 { width: 330px !important; } .width340 { width: 340px !important; } .width350 { width: 350px !important; } .width360 { width: 360px !important; } .width400 { width: 400px !important; } .width410 { width: 410px !important; } .width420 { width: 420px !important; } .width430 { width: 430px !important; } .width440 { width: 440px !important; } .width450 { width: 450px !important; } .width490 { width: 490px !important; } .width500 { width: 500px !important; } .width520 { width: 520px !important; } .width550 { width: 550px !important; } .width560 { width: 560px !important; } .width630 { width: 630px !important; } .width650 { width: 650px !important; } .width700 { width: 700px !important; } .width730 { width: 730px !important; } .width732 { width: 732px !important; } .width735 { width: 735px !important; } .width736 { width: 736px !important; } .width750 { width: 750px !important; } .width760 { width: 760px !important; } .width780 { width: 780px !important; } .width800 { width: 800px !important; } .width830 { width: 830px !important; } .width850 { width: 850px !important; } /*-- カラム等の横幅の指定 E --*/ /* ▼カラム幅パーセント指定 */ .width5per { width: 5% !important; } .width10per { width: 10% !important; } .width15per { width: 15% !important; } .width20per { width: 20% !important; } .width25per { width: 25% !important; } .width30per { width: 30% !important; } .width35per { width: 35% !important; } .width40per { width: 40% !important; } .width45per { width: 45% !important; } .width50per { width: 50% !important; } .width55per { width: 55% !important; } .width60per { width: 60% !important; } .width65per { width: 65% !important; } .width70per { width: 70% !important; } .width75per { width: 75% !important; } .width80per { width: 80% !important; } .width85per { width: 85% !important; } .width90per { width: 90% !important; } .width95per { width: 95% !important; } .width100per { width: 100% !important; } /* ▲カラム幅パーセント指定 */ /* .menuColumn 基本指定　S（包まれている親Boxによって幅などは違う） */ #wrap #container .menuColumn { float: left; display: inline; background-color: #FFF; } #wrap #container .menuColumn .attentionMark { background-image: url(img/css-img/list-mark/attention.jpg); padding-left: 30px; background-repeat: no-repeat; background-position: 3px; font-size: 1.2em; min-height: 40px; } #wrap #container .menuColumn dd p { line-height: 1.2; font-size: 12px; margin-top: 5px; } /* EEE .menuColumn 基本（包まれている親Boxによって幅などは違う） */ /* リンク拡大領域に対する指定　S */ #wrap #container .bigger:hover { cursor: pointer; /* カーソルの形をポインターにする */ } /* EEE-リンク拡大領域に対する指定　*/ /*--- EEE-box・カラム等に対する共通の指定 ---------------------------------------------------------------------------*/ /*--- ▼=CSS3の汎用指定 ----------------------------------------------------------------------*/ .radiusAll3px { border-radius: 3px 3px 3px 3px !important; /* CSS3 */ -webkit-border-radius: 3px 3px 3px 3px !important; /* Safari, Chrome用 */ -moz-border-radius: 3px 3px 3px 3px !important; /* Firefox用 */ -o-border-radius: 3px 3px 3px 3px !important; /* Opera用 */ -ms-border-radius: 3px 3px 3px 3px !important; /* IE用 */ } .radiusAll4px { border-radius: 4px 4px 4px 4px !important; /* CSS3 */ -webkit-border-radius: 4px 4px 4px 4px !important; /* Safari, Chrome用 */ -moz-border-radius: 4px 4px 4px 4px !important; /* Firefox用 */ -o-border-radius: 4px 4px 4px 4px !important; /* Opera用 */ -ms-border-radius: 4px 4px 4px 4px !important; /* IE用 */ } /*--- ▲ CSS3の汎用指定 ----------------------------------------------------------------------*/ /* ================================================================================ */ /* 共通の背景に対する指定 SSSSS　　 */ /* ================================================================================ */ /*--- =.bgAlpha80 (透明度80％の白ピング背景）の指定 S　 ----------------------------------------------------------------------------*/ #wrap #container .bgAlpha80 { background-image: url(img/css-img/bg-parts/pattern/white-alpha70.png); background-repeat: repeat; padding: 5px; } /*--- EEE .bgAlpha80 (透明度80％の白ピング背景）の指定 ----------------------------------------------------------------------------*/ /*--- =ノート柄パターン▼ ------------------------------------------------------------*/ .bgNoteA { background-image: url(../img/css-img/pattern/note-a-alpha70per.jpg) !important; background-repeat: repeat !important; } /*--- =ノート柄パターン▲ ------------------------------------------------------------*/ /*--- =.bgRadiusA (css3の角丸クリーム色背景エリア）内の指定 S　 ----------------------------------------------------------------------------*/ #wrap #container .bgRadiusA { background: #FFF8E1; border: 1px dashed #CCC; overflow: hidden; padding: 15px; borde-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } #wrap #container .bgRadiusA p { font-size: 1.3em; line-height: 1.4; letter-spacing: 0.1em; text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } #wrap #container .bgRadiusA a { color: #009982; } #wrap #container .bgRadiusA a:hover { color: #E30083; } /*--- EEE .bgRadiusA (css3の角丸クリーム色背景エリア）内の指定　 ----------------------------------------------------------------------------*/ /* ================================================================================ */ /* EEEEE 共通の背景に対する指定 　　 */ /* ================================================================================ */ /*EEEEE ########################################################################################################## 共通指定項目 ########################################################################################################## */ /* ================================================================== */ /* ▼=#footer箇所の指定　 */ /* ================================================================== */ #wrapper #footer { margin-top: 60px; } #wrapper #footer address { font-size: 1.2em; } /* ================================================================== */ /* ▲ #footer箇所の指定　 */ /* ================================================================== */ /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* 辰彦制作CSS S */ /*--- =header部分の指定　S ----------------------------------------------------------------------*/ #wrap #header { position: relative; margin-top: 10px; } #wrap #header #headerLogo { text-align: left; top: 0px; /* margin-bottom: 10px; */ } #wrap #header #pageTitle { font-size: 2.3em; font-weight: bold; position: absolute; right: 20px; top: 12px; } #wrap #spPageWrap #header { position: relative; margin-top: 10px; } #wrap #spPageWrap #header #headerLogo { text-align: left; top: 0px; margin-bottom: 10px; } #wrap #spPageWrap #header #pageTitle { font-size: 2em; font-weight: normal; position: absolute; left: 340px; top: 20px; width: 400px; text-align: left; } #sns { width: 200px; position: absolute; right: 10px; z-index: 1; /* float: right; */ text-align: right; margin-top: 5px; top: 0px; } #sns .twitter { float: left; width: 90px; } #sns .gPlus { float: left; width: 90px; padding-left: 10px; } #sns .fb { width: 150px; float: left; margin-left: 0; margin-top: 8px; } /*--- EEE-header部分の指定 ----------------------------------------------------------------------*/ /*クリアーフィックス S*/ #wrap #container .mainNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wrap #container .mainNav { display:inline-block } /* Hides from IE-mac */ * html #wrap #container .mainNav { height:1% } #wrap #container .mainNav { display: block; } /*End hide form IE-mac*/ /*クリアーフィックス　E*/ .returnTxt { font-size: 2.0em; text-align: center; } #wrap #container .returnTxt a { text-align: center; color: #5B5B5B; } #wrap #container .returnTxt a:hover { text-decoration: none; color: #F36; } /*--- =▼.navBtnCraftP ボタン（クラフト紙型） ----------------------------------------------------------------------*/ /*クリアーフィックス S*/ ul.navBtnCraftP:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.navBtnCraftP { display:inline-block } /* Hides from IE-mac \*/ * html ul.navBtnCraftP { height:1% } ul.navBtnCraftP { display: block; } /*End hide form IE-mac*/ /*クリアーフィックス　E*/ #wrap #container ul.navBtnCraftP { /* width: 940px; */ padding: 0px; list-style: none; margin-top: 50px; } #wrap #container ul.navBtnCraftP li { margin: 0; padding: 0; background-repeat: no-repeat; font-size: 14px; float: left; display: inline; color: #000; } #wrap #container ul.navBtnCraftP li.active { background-image: url(../img/css-img/btn/craft-paper_active.png); display: block; color: #571100; text-align: center; padding-top: 15px; width: 140px; height: 65px; margin: 0; background-repeat: no-repeat; } #wrap #container ul.navBtnCraftP li a, #wrap #container p.navBtnCraftP a { display: block; color: #571100; text-align: center; padding-top: 15px; width: 140px; /* height: 35px; */ height: 65px; margin: 0; background-image: url(../img/css-img/btn/craft-paper.png); background-repeat: no-repeat; } #wrap #container ul.navBtnCraftP li a:hover, #wrap #container p.navBtnCraftP a:hover { color: #fff; text-align: center; background-image: url(../img/css-img/btn/craft-paper-hover.png); background-repeat: no-repeat; } /*--- ▲Gナビ用ボタン（クラフト紙型） ----------------------------------------------------------------------*/ /* .hide img:hover { z-index: 100; } */ #wrap #container .dlStyleB dd { margin-top: 6px; margin-bottom: 6px; } #wrap .columnPointWrap { margin-top: 20px; }/* divかul,olで構成可能 */ /*クリアーフィックス S*/ .columnPointWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .columnPointWrap { display:inline-block } /* Hides from IE-mac */ * html .columnPointWrap { height:1% } .columnPointWrap { display: block; } /*End hide form IE-mac*/ /*クリアーフィックス　E*/ #wrap .columnPointWrap .columnPointContainer { padding: 10px; width: 280px; float: left; display: inline; margin-right: 20px; list-style: none; }/* divでもliでも制作可能 */ #wrap .columnPointWrap .columnPointContainer .txtArea { padding: 10px; margin-top: 6px; width: 260px; /* position: absolute; */ bottom: 10px; background-image: url(../img/css-img/pattern/alpha-white-86per.png); background-repeat: repeat; } #wrap .columnPointWrap .columnPointContainer .txtArea p { font-size: 1.5em; line-height:1.4; text-align: left; text-align: justify; text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/ } #wrap .columnPointWrap .columnPointContainer .caption { margin-bottom: 4px; } /*--- ▼= 縦ボーダーカラーパターン各色 ---*/ #wrap .bgRowBorderRed { background-image: url(../img/css-img/pattern/row-border-red4px.png); background-repeat: repeat; } #wrap .bgRowBorderGreen { background-image: url(../img/css-img/pattern/row-border-green4px.png); background-repeat: repeat; } #wrap .bgRowBorderOrange { background-image: url(../img/css-img/pattern/row-border-orange4px.png); background-repeat: repeat; } #wrap .bgRowBorderMagenta { background-image: url(../img/css-img/pattern/row-border-magenta4px.png); background-repeat: repeat; } #wrap .bgRowBorderPurple { background-image: url(../img/css-img/pattern/row-border-purple4px.png); background-repeat: repeat; } #wrap .bgRowBorderBlue { background-image: url(../img/css-img/pattern/row-border-blue4px.png); background-repeat: repeat; } /*--- ▲ 縦ボーダーカラーパターン各色 ---*/ #wrap .last { margin-right: 0 !important; } /*--- ▼ 文字サイズ切り替え用 ---*/ .fontL{ font-size: 125% !important; } .fontM{ font-size: 100% !important; } .fontS{ font-size: 75% !important; } #fontChange { width:99%; margin-right:1%; } #fontChange li { float: right; display: block; width: 30px; height: 30px; padding: 0; text-align: center; line-height: 30px; margin-right: 5px; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 1px #666; -webkit-box-shadow: 1px 1px 1px #666; text-shadow: 1px 1px 1px #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background: -moz-linear-gradient(top, #ffffff, #f0f0f0); background-color: #fff; } #fontChange li.active { background-color: #333; color: #fff; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333)); background: -moz-linear-gradient(top, #999, #333); } #fontChange li:hover { background-color: #333; color: #fff; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333)); background: -moz-linear-gradient(top, #999, #333); } #fontChange li#fontsize { width: auto; border: none; text-shadow: none; -webkit-box-shadow: none; background: none; line-height: 35px; font-size:12px; } /*--- ▲ 文字サイズ切り替え用 ---*/ /*4つ並び画像リスト用*/ ul.imgList{ margin:0 2%; padding:0; } ul.imgList li{ float:left; width:23%; padding:1%; font-size:14px; text-align:center; } @media screen and (max-width: 699px){ ul.imgList li{ width:31.3333%; } } @media screen and (max-width: 480px){ ul.imgList li{ width:48%; } }