/* Minification failed. Returning unminified contents.
(857,2): run-time error CSS1019: Unexpected token, found '{'
(858,13): run-time error CSS1030: Expected identifier, found ' '
(858,23): run-time error CSS1031: Expected selector, found ';'
(858,23): run-time error CSS1025: Expected comma or open brace, found ';'
(859,13): run-time error CSS1030: Expected identifier, found ' '
(859,20): run-time error CSS1031: Expected selector, found ';'
(859,20): run-time error CSS1025: Expected comma or open brace, found ';'
(860,1): run-time error CSS1019: Unexpected token, found '}'
(868,1): run-time error CSS1031: Expected selector, found ','
(3015,1): run-time error CSS1031: Expected selector, found ','
(4942,1): run-time error CSS1019: Unexpected token, found '}'
(5013,1): run-time error CSS1031: Expected selector, found ','
(7000,1): run-time error CSS1019: Unexpected token, found '}'
 */
@charset "utf-8";
/*
/* 
 * HTML5 ✰ Boilerplate	
 *
 * 以下は、クロスブラウザースタイリングに関する多くのリサーチの結果です。
 * Nicolas Gallagher、Jonathan Neal、
 * Kroc Camen および H5BP 部門のコミュニティとチームの貢献に対してここに心より感謝申し上げます。
 *
 * この CSS について詳しくは、h5bp.com/css を参照してください
 * 
 * Dreamweaver の変更点 : 
 * 1. 選択ハイライトをコメントアウトしました
 * 2. メディアクエリセクションを削除しました (別のファイルに独自のセクションを追加)
 *
 * ==|== 正規化 ==========================================================
 */


/* =============================================================================
   HTML5 表示定義
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   ベース
   ========================================================================== */

/*
 * 1. 本文のフォントサイズの設定に em 単位を使用している場合、IE6/7 のテキストの正常でないサイズ変更を修正
 * 2. IE 以外での垂直スクロールバーの使用を強制
 * 3. ユーザーズームを無効にしないと、デバイス方向の変更で iOS テキストサイズが調整されないように修正 : h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * 選択ハイライトでテキストシャドウを削除 : h5bp.com/I
 * これらの選択の宣言は、個々に行われる必要があります
 * 関連項目 : ホットピンク (または、デザインに合わせて背景色をカスタマイズ)
 */

/* Dreamweaver : 選択ハイライトをカスタマイズする場合は、これらを非コメント化します
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   リンク
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* すべてのブラウザーで、フォーカスの設定時およびホバー時の読みやすさを改善 : h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   テキスト編集
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* タイプライター字体ファミリーを再宣言 : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* 行の高さに影響を与えずに、サブスクリプトおよびスーパースクリプトコンテンツを配置 : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   リスト
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   埋め込まれたコンテンツ
   ========================================================================== */

/*
 * 1. IE7 で拡大/縮小する際の画質を改善 : h5bp.com/d
 * 2. イメージコンテナでのイメージとボーダーとの間の隙間を削除 : h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * IE9 で非表示にならないオーバーフローを修正
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   図
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   フォーム
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* “ラベル” が、関連付けられたフォームエレメントにフォーカスをシフトするように指定 */
label { cursor: pointer; }

/* 
 * 1. IE6/7/8/9 の継承しないカラーを修正
 * 2. IE6/7 正常に表示されない整列を修正
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. すべてのブラウザーでの継承しないフォントサイズを修正
 * 2. FF3/4 S5 Chrome のマージンを削除
 * 3. すべてのブラウザーの縦揃えの一貫した表示を定義
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. FF3/4 に合わせて行の高さを標準に定義 (UA スタイルシートで !important を使用して設定)
 * 2. IE6/7 で正常に表示されない内部間隔を修正
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * IE6/7 のオーバーラップとホワイトスペースの問題を回避するために “テーブル” の内部間隔を再導入
 */

table button, table input { *overflow: auto; }

/*
 * 1. クリック可能なフォームエレメントの手の形のカーソルを表示
 * 2. iOS のクリック可能なフォームエレメントのスタイル付けを許可
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * 一貫したボックスのサイズ変更および外観を保持
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * FF3/4 の内部余白とボーダーを削除 :  h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. IE6/7/8/9 のデフォルトの垂直スクロールバーを削除 
 * 2. 垂直のサイズ変更のみを許可
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* フォームの有効期間のカラー */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   テーブル
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== プライマリスタイル =====================================================
   作成者 :  
   ========================================================================== */
















/* ==|== 非セマンティックヘルパークラス ========================================
   このセクションの前にスタイルを定義してください。
   ========================================================================== */

/* イメージの置き換え用 */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* スクリーンリーダーとブラウザーの両方で非表示 : h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* 視覚的にのみ非表示にする。ただし、スクリーンリーダーでは使用できるようにする : h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* キーボードを介して移動されたエレメントをフォーカスできるようにするために .visuallyhidden クラスを拡張 : h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* スクリーンリーダーで視覚的に非表示 (ただし、レイアウトは保持) */
.invisible { visibility: hidden; }

/* フロートを含める : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== スタイルを印刷 =======================================================
   スタイルを印刷。
   インラインにして必要な HTTP 接続を回避 : h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* 黒は速く印刷される : h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* イメージのリンクまたは javascript/内部リンクを表示しない */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	16;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#login {
	clear: both;
	/*float: left;*/
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
}/*
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slogan {
	/*clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;*/
	display: none;
}
/*
#header-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#slideshow {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#button-order {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#news {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#aside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#products01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#products02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#products03 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pagetop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#yamato {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#breadcrumb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#second-col1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#second-col2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#login {
	clear: none;
	/*float: left;*/
	float: right;
	/*margin-left: 2.5641%;
	width: 48.7179%;*/
	margin-left: 0;
	width: 100%;
	display: block;
}/*
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}*/
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slogan {
	/*clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;*/
	display: none;
}
/*
#header-nav {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}*/
#slideshow {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#button-order {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#news {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#aside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#products01 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#products02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#products03 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#footer-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pagetop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#yamato {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#breadcrumb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#second-col1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#second-col2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.875%;
	max-width: 1232px;
	padding-left: 0.5625%;
	padding-right: 0.5625%;
	margin: auto;
}
#login {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 49.367%;
	display: block;
}/*
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
}*/
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slogan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.367%;
	display: block;
}
/*
#header-nav {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 74.6835%;
	display: block;
}*/
#slideshow {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#button-order {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
}
#news {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 74.6835%;
	display: block;
}
#aside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
}
#products01 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
}
#products02 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
}
#products03 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
}
#footer-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.6835%;
	display: block;
}
#footer-logo {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
}
#pagetop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#yamato {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
}
#breadcrumb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#second-col1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
}
#second-col2 {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 74.6835%;
	display: block;
}
}
@charset "utf-8";
/* CSS Document */
/* Sサイズ : 480 px およびそれ以下. */
/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul{
	list-style: none;
}
table{
    border-collapse: collapse; 
    border-spacing: 0;
}
th {
	white-space: nowrap;
}
/*Resetここまで*/

body {
	color:  #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	background: #F4F4F4;
}
#wrapper {
	margin: 0;
	padding: 0;
}
header#headerlogin {
	margin: 0;
	padding: 0;
	line-height: 33px;
	background: #1A1A1A;
	font-size: 100%;
  box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
header#header {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 100%;
  box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
#slideshowwrap {
	margin: 0;
	padding: 15px 0 0 0;
	background: #F4F4F4;
	text-align: center;
 -webkit-box-shadow: inset 0 0 10px 0 #DDD;
 -moz-box-shadow: inset 0 0 10px 0 #DDD;
 -o-border-radius: inset 0 0 10px 0 #DDD;
 -ms-border-radius: inset 0 0 10px 0 #DDD;
 box-shadow: inset 0 0 10px 0 #DDD;
 }
footer {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 20px;
}
footer#footer {
  box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
	background: #F4F4F4;
	border-top: solid 1px #FFF;
}
#contentwrap {
	margin: 0;
	padding: 0;
	background: #FFF;
}
.content {
	margin: 0;
	/*padding: 33px 0 0;*/
	padding: 0 0 33px 0;
	background: #FFF;
}
.content-postcard {
	margin: 0;
	padding: 0;
	background-image: url(../postcard/images/bg02.gif);
	background-repeat: repeat;
}
.content-postcard-tu {
	margin: 0;
	padding: 0;
}
dfn {
	font-style: normal;
}
 {
	word-break: break-all;
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
}

.header-dropdown,
.nav-open ,
,dots
{
	z-index:100;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.clear-both {
	clear: both;
}

/*フォント関連
------------------------------------------------------*/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text27 { font-size:208%; }
.text28 { font-size:215%; }
.text29 { font-size:223%; }
.text30 { font-size:230%; }
.text40 { font-size:308%; }
.text50 { font-size:385%; }
.text60 { font-size:462%; }
.text70 { font-size:538%; }
.text80 { font-size:615%; }
.text90 { font-size:692%; }
.text100 { font-size:769%; }

.text-red {
	color: #F00;
}
.text-red2 {
	color: #F00;
	font-weight: normal;
}
.text-b {
	font-weight: bold;
}
.color01 {
	color: #AAAAAA;
}
.gray01 {
	color: #535353;
}
.text-h160n {
	padding: 0;
	line-height: 160%;
}
.text-h180n {
	padding: 0;
	line-height: 180%;
}
.text-h200n {
	padding: 0;
	line-height: 200%;
}
.text-h160 {
	padding: 0.5em 0;
	line-height: 160%;
}
.text-h180 {
	padding: 0.5em 0;
	line-height: 180%;
}
.text-h200 {
	padding: 0.5em 0;
	line-height: 200%;
}
.blue {
	color: #3397BB;
}
.text-white {
	color: #FFF;
}
p.indent {
  padding-left: 1em;
  text-indent: -1em;
}

/*リンク
------------------------------------------------------*/

a {
	color: #3397BB;
	text-decoration: underline;
}
a:visited {
	color: #3397BB;
	}
a:hover {
	color: #287795;
	text-decoration: underline;
	background: #F4F4F4;
}

/*ヘッダ
------------------------------------------------------*/
/*ロゴ*/
#logo {
	/*margin: 0;
	padding: 0;*/
	/*clear: both;*/
	float: left;
	margin-left: 0;
	width: 20%;
	display: block;
}
#logo h1 {
	margin: 6px 0px;
	padding: 0;
}
#logo a:hover{
	background: none;
}
/*キャッチコピー*/
#slogan {
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}
#slogan h1 {
	margin: 0;
	padding: 8px 0px;
	font-size: 93%;
	line-height: 140%;
	color: #FFF;
	vertical-align: middle;
}
/*ログイン*/
.box-header-right {
	float: right;
	margin: 0;
	padding: 0;
}
.box-header-left p {
	margin: 0;
	padding: 0;
}
.box-header-right p {
	margin: 0;
	padding: 0;
}
/*グローバルメニュー*/
#header-nav {
	/*clear: both;*/
	float: right;
	margin-left: 0;
	width: 80%;
	display: block;
}
.header-nav {
	float: right;
	margin: 0;
	padding: 0;
	height: 64px;
}
.header-nav ul {
	margin: 0;
	padding: 0;
}
.header-nav li {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 61px;
	border-right: solid 1px #DDD;
	background: #EEE;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	background:-moz-linear-gradient(top, #EEE, #FFF);
	font-size: 85%;
	letter-spacing: -1.2px;
}
.header-nav li a {
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.header-nav li a:hover {
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.header-nav li.homenone {
	display: none;
}



.header-nav-gray {
	border-bottom: solid 3px #666;
}
.header-nav-green {
	border-bottom: solid 3px #7ABA42;
}
.header-nav-blue {
	border-bottom: solid 3px #3397BB;
}
.header-nav-red {
	border-bottom: solid 3px #E74C3C;
}
.header-nav-left {
	border-left: solid 1px #DDD;
}
li.header-nav-gray-on a {
	background: #666;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-gray-on a:hover {
	background: #666;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on a {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on a:hover {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on a {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on a:hover {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on a {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on a:hover {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

/*ログインメニュー
------------------------------------------------------*/
#dropmenu {
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
}
#dropmenu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-decoration: none;
	width: 100%;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
}
#dropmenu li ul {
	position: absolute;
	top: -5px;
	left: 1px;
	list-style: none;
	margin: 0;
}
ul#dropmenu li ul li {
  left: -325%;
  width: 160%;
	z-index: 1;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
	width: 150%;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
	color: #333;
}
#dropmenu li:hover > a{
  background: #D8D7D1;
  color: #F7931E;
}
#dropmenu > li:hover > a{
  /*border-radius: 3px 3px 0 0;*/
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
	border: solid 1px #FFFFFF;
}
#dropmenu li:hover ul li:first-child{
  /*border-top: 0;*/
}
#dropmenu li:hover ul li:last-child{
  /*border-bottom: 0;*/
}
#dropmenu li:hover ul li:last-child a{
  /*border-radius: 0 0 3px 3px;*/
}

.header-account {
	float: left;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
	border: solid 1px #FFFFFF;
	outline: solid 1px #CFD0CA;
	color: #333;
	line-height: 31px;
}
.header-account p {
	margin: 0;
	padding: 0 5px;
}
.header-dropdown {
	float: right;
	margin: 0;
	padding: 0;
}
.header-dropdown img {
	display: block;
	margin: 0;
	padding: 0;
}
.header-dropdown a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1)) !important;
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1) !important;
	border: solid 1px #FFFFFF !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.header-dropdown a:hover {
	display: inline-block;
	background: #D8D7D1 !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}
.button-header01 p {
	margin: 0;
	padding: 0 0.5em;
	line-height: 33px;
	width: 98px;
	text-align: center;
}
.button-header01 a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F59B32;
	background:-webkit-gradient(linear, left top, left bottom, from(#F59B32), to(#C07518)) !important;
	background:-moz-linear-gradient(top, #F59B32, #C07518) !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.button-header01 a:hover {
	display: inline-block;
	background: #F59B32 !important;
	margin: 0;
	padding: 0;
	color: #FFF !important;
	text-decoration: none;
}
.button-header02 p {
	margin: 0;
	padding: 0 0.5em;
	line-height: 33px;
	width: 98px;
	text-align: center;
}
.button-header02 a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #469FC0;
	background:-webkit-gradient(linear, left top, left bottom, from(#469FC0), to(#27768F)) !important;
	background:-moz-linear-gradient(top, #469FC0, #27768F) !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.button-header02 a:hover {
	display: inline-block;
	background: #469FC0 !important;
	margin: 0;
	padding: 0;
	color: #FFF !important;
	text-decoration: none;
}
.nav-open p {
	margin: 0;
	padding: 0;


	display: inline-block;
	float: right;
}
.nav-open img {
	display: block;
}
.nav-open a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1)) !important;
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1) !important;
	border: solid 1px #FFFFFF !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.nav-open a:hover {
	display: inline-block;
	background: #D8D7D1 !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}

/*パンくず
------------------------------------------------------*/
.breadcrumb {
	margin: 0;
	padding: 0;
	background: #F4F4F4;
	-webkit-box-shadow: inset 0 0 10px 0 #DDD;
	-moz-box-shadow: inset 0 0 10px 0 #DDD;
	-o-border-radius: inset 0 0 10px 0 #DDD;
	-ms-border-radius: inset 0 0 10px 0 #DDD;
	box-shadow: inset 0 0 10px 0 #DDD;
	font-size: 93%;
	line-height: 27px;
	color: #666;
}
.breadcrumb img {
	margin: 0;
	padding: 0 0.5em 0 0;
}
.breadcrumb p {
	margin: 0;
	padding: 0;
}
.breadcrumb a {
	text-decoration: none;
}
.breadcrumb a:hover {
	background: none;
}


/* =============================================================================
   共通注文ボタン
   ========================================================================== */
.box-order-nav {
	margin: 33px 0 0 0;
	padding: 0;
}
.button03 {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
}
.button04 {
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.button-order-side p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-order-side a {
	margin: 0;
	padding: 15px 10%;
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order-side a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	color: #FFF;
	text-decoration: none;
}
.button-order-side a:visited {
	color: #FFF;
}
.button-space {
		padding: 0;
}

.button-order-side02 p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-order-side02 a {
	margin: 0 auto;
	padding: 15px 0;
	width: 99%;
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order-side02 a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	color: #FFF;
	text-decoration: none;
}
.button-order-side02 a:visited {
	color: #FFF;
}

	
/* =============================================================================
   ボタン
   ========================================================================== */

.button01 {
	margin: 0;
	padding: 10px 0px;
	text-align: center;
	overflow: hidden;
}
.button02 {
	margin: 0;
	padding: 0;
	text-align: right;
	overflow: hidden;
}
.button-sub {
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.button-sub ul {
	margin: 0;
	padding: 0;
}
.button-sub li {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.button-order p {
	margin: 0;
	padding: 0 3em;
}
.button-order a {
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 153.9%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order a:hover {
		display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
}
.button-black p {
	margin: 0;
	padding: 0 1em;
}
.button-black
{
	display: block;
}
.button-black a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-black label {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-black label:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}



.button-black04
{
	display: inline-block;
}
.button-black04 label {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black04 label:hover {
	display: inline-block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}



.button-orange 
{
	display: block;
}
.button-orange a {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-orange a:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}
.button-orange label {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-orange label:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}







.button-orange02 
{
	display: inline-block;
}
.button-orange02 label {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-orange02 label:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}











.button-gray {
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	display: block;
	text-align: center;
}
.button-gray a {
	display: block;
	background: #F4F4F4;
	border: 1px solid #DBDBDB;
	color: #333;
	padding: 10px 1em;
	font-size: 123.1%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-gray a:hover {
	display: block;
	background: url(../../../images/DPE/DPE/bg_side_nav_on.gif) repeat;
	border: 1px solid #DBDBDB;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}

.button-black02
{
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	display: block;
	text-align: center;
}
.button-black02 a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black02 a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-friend
{
	margin: 0;
	padding: 0.5em 0;
	display: block;
	text-align: center;
	width: 17em;
}
.button-friend a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF !important;
	padding: 2px 0.5em;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-friend a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 2px 0.5em;
	color: #FFF;
	text-decoration: none;
}
.friendwrap {
	margin: 0;
	padding-bottom: 60px;
}
.friend ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.friend li {
	float: none;
	padding: 0 1em 0 0;
	margin: 0;
}
iframe.twitter-share-button {
width: 125px!important;
}


/*ヘッダーログイン*/
.button-gray-login {
	margin: 3px 0;
	padding: 0;
	/*padding: 10px 0px;*/
	line-height: 25px;
	width: 100%;
	display: block;
	text-align: center;
	clear: both;
}
.button-gray-login a {
	margin: 0;
	padding: 0;
	display: block;
	background: #F4F4F4;
	border: 1px solid #DBDBDB;
	color: #3397BB;
	padding: 0 5px;
	/*padding: 10px 1em;*/
	font-size: 100%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-gray-login a:hover {
	margin: 0;
	padding: 0;
	display: block;
	/*background: url(../../images/DPE/bg_side_nav_on.gif) repeat;*/
	background: #000;
	border: 1px solid #DBDBDB;
	padding: 0 5px;
	/*padding: 10px 1em;*/
	color: #FFF;
	text-decoration: none;
}
.loginwrap {
	float: left;
	margin: 0;
	padding: 0px 10px 0px 5px;
}
.loginwrap p {
	margin: 0;
	padding: 0;
	color: #FFF;
	line-height: 32px;
}
.mypagewrap {
	float: right;
	margin: 0;
	padding: 0 0 0 4px;
}




/* その他
------------------------------------------------------*/
.boxline03 {
	margin: 33px 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-yamato {
	/*margin: 1em 0 0 0;*/
	margin: 0.5em 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-time {
	display: none;
}
.box-title-time {
	display: none;
}
.box-title-time img {
	float: left;
	padding-right: 0.5em;
}
.box-title-time h3 {
	color: #333;
	padding-top: 0.8em;
}
.boxline-none {
	margin: 23px 0 0 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.title-etc h2 a {
	display: block;
	text-decoration: none !important;
}
.title-etc a:hover h2 {
	display: block;
	text-decoration: none !important;
	background: #F4F4F4 !important;
}
.title-etc {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DDDDDD;
}
.title-etc h2 {
	margin: 0;
	padding: 0 0 0 0.5em;
	line-height: 38px;
	font-size: 123.1%;
	text-decoration: none;
}
.product-etc {
	margin: 0;
	padding: 0.5em;
	text-align: center;
	display: block;
}
.time-etc {
	margin: 0;
	padding: 0.5em;
	text-align: center;
	display: block;
}
.title-time {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DDDDDD;
	background: #7DB948;
}
.title-time p {
	margin: 0;
	padding: 0 0 0 0.5em;
	line-height: 38px;
	font-size: 123.1%;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
.print_title_catch {
	display: none;
}
/* ページトップ
------------------------------------------------------*/
.pagetop {
	float: right;
	margin: 0;
	padding: 33px 0 0;
}
.pagetop a {
	margin: 0;
	padding: 1em;
	display: inline-block;
	text-decoration: none;
	border: solid 1px #DDD;
	color: #333;
	background: #F4F4F4;
}
.pagetop img {
	margin: 0;
	padding: 0 0 0 1em;
}


/* フッター
------------------------------------------------------*/
.footer-nav {
	margin: 0;
	padding: 0;
}
.footer-logo {
	margin: 0;
	padding: 16px 0 0 0;
	text-align: right;
}
.footer-nav p {
	margin: 0;
	padding-top: 13px;
}



/* =============================================================================
   中ページ
   ========================================================================== */

/*タイトル*/
.titlewrap {
	margin: 33px 0;
	padding: 0;
	background: url(../../images/DPE/bg_title.gif) repeat;
	line-height: 66px;
	overflow: hidden;
	clear: both;
}
.title-textwrap {
	margin: 0;
	padding: 0;
}
.title-textwrap ul {
	margin: 0;
	padding: 0 2em;
	list-style-type: none;
}
.title-textwrap li {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.title-textwrap h2 {
	margin: 0;
	/*padding: 0px 1em;*/
	padding: 0.41em 1em;
	font-size: 138.5%;
	line-height: 138.5%;
}
li.title-s {
	display: none;
}
/*タイトル2　title-sなし*/
.titlewrap2 {
	margin: 33px 0;
	padding: 0;
	background: url(../images/DPE/bg_title.gif) repeat;
	line-height: 66px;
	overflow: hidden;
}
.title-textwrap2 {
	margin: 0;
	padding: 0;
}
.title-textwrap2 ul {
	margin: 0;
	padding: 0 2em;
	list-style-type: none;
}
.title-textwrap2 li {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.title-textwrap2 h2 {
	margin: 0;
	/*padding: 0px 1em;*/
	padding: 0.41em 1em;
	font-size: 138.5%;
	line-height: 138.5%;
}

/*ボックス*/
.box00 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.box01 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
.box02 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box02 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box02 p {
	line-height: 180%;
}
.box03 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box04 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box04 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box04 p {
	line-height: 180%;
}
.box04 ol {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box04 ol li {
	list-style-type: decimal;
	line-height: 180%;
}
.box04 ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box04 ul li {
	line-height: 180%;
	list-style-type: disc;
}
.box04 h4 {
	margin: 1em 0 0 0;
	line-height: 180%;
}
.box05 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box05 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box05 p {
	line-height: 180%;
}
.box05 ol {
	margin: 0 0 1em 0;
	padding-left: 2.3em;
}
.box05 ol li {
	list-style-type: decimal;
	line-height: 180%;
	font-weight: bold;
}
.box05 ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box05 ul li {
	line-height: 180%;
	list-style-type: disc;
	font-weight: normal;
}
.box05 h4 {
	margin: 1em 0 0 0;
	line-height: 180%;
}
.box06 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
.box07 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.box08 {
	margin: 15px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.border-green {
	border: solid 1px #7ABA42;
}
.border-blue {
	border: solid 1px #3397BB;
}
.border-red {
	border: solid 1px #E74C3C;
}
hr.hr01 {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dotted #E0E0E0;
	margin: 2em 0;
	padding: 0;
	clear: both;
}
hr.hr02 {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dotted #999999;
	margin: 33px 0;
	padding: 0;
	clear: both;
}
.main-content2 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-top33 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-top66 {
	margin: 66px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-bottom33 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box-bottom66 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
/*カラム*/
.box-col1 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.box-col2 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.box-col3 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.spaceimg {
	margin: 0;
	padding: 1em 0;
}
.spaceimg01 {
	margin: 0;
	padding: 0 0 1em 0;
}
.space-bottom01 {
	margin: 0;
	padding-bottom: 33px;
}
.box-col1,
.box-col2,
.box-col3, h3 {
	margin: 0;
	padding-bottom: 0.3em;
}
.box-col4-1 {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-2 {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-3 {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-4 {
	float: left;
	width: 23.875%;
	margin: 0;
	padding: 0;
}
.box-col4-1,
.box-col4-2,
.box-col4-3,
.box-col4-4 {
	padding-top: 20px;
	text-align: center;
}
.box-col4-1n {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
}
.box-col4-2n {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
}
.box-col4-3n {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
}
.box-col4-4n {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
}
.title-circle {
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	background: #F4F4F4;
}
.title-circle img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-green {
	margin: 0;
	padding: 1.5em 0 0.5em ;
}
.title-circle-green img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-green2 {
	margin: 0;
	padding: 0 0 0.5em;
}
.title-circle-green2 img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-red {
	margin: 0;
	padding: 1.5em 0 0.5em ;
}
.title-circle-red img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-red2 {
	margin: 0;
	padding: 0 0 0.5em ;
}
.title-circle-red2 img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}

.circle-green {
	margin: 0;
	padding: 0;
}
.circle-green ul {
	list-style-type: none;
}
.circle-green li {
	background: url(../../images/DPE/icon_circle_green.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-red {
	margin: 0;
	padding: 0;
}
.circle-red ul {
	list-style-type: none;
}
.circle-red li {
	background: url(../../images/DPE/icon_circle_red.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-blue {
	margin: 0;
	padding: 0;
}
.circle-blue ul {
	list-style-type: none;
}
.circle-blue li {
	background: url(../../images/DPE/icon_circle_blue.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-gray {
	margin: 0;
	padding: 0;
}
.circle-gray ul {
	list-style-type: none;
}
.circle-gray li {
	background: url(../../images/DPE/icon_circle_gray.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

.box-col3-1 {
	float: left;
	width: 31.9%;
/*	width: 31.7%;*/
	margin-right: 1.5%;
}
.box-col3-2 {
	float: left;
	width: 31.9%;
/*	width: 31.7%;*/
	margin-right: 1.5%;
}
.box-col3-3 {
	float: left;
	width: 31.9%;
/*	width: 31.7%;*/
	margin: 0;
	padding: 0;
}
.box-col3-1,
.box-col3-2,
.box-col3-3 {
	text-align: center;
	border: solid 1px #3190B2;
	/*padding: 1.97%;*/
}
.prize {
	margin: 0.5em 0 0 0;
	padding: 0.5em 0;
	background: #3190B2;
	color: #FFF;
}
.rank {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
}
.round {
	margin: 0;
	padding: 0;
}
.round li {
	margin: 1em;
	padding: 0;
	float: left;
}

	

/*テーブル*/
.tablewrap {
	margin: 0;
	padding: 0;
}
.tablewrap table {
	width: 100%;
}
.tablewrap th
,.tablewrap td {
	text-align: center;
	border: solid 1px #AAA;
	/*line-height: 260%;*/
	/*vertical-align: middle;*/
	padding: 0.7em !important;
}
.fontsize-s01 th {
	font-size: 85% !important;
	letter-spacing: -1px;
}
.fontsize-s01 td {
	font-size: 85%;
}
.price-space01 td {
	padding: 0px !important;
}
th,td.line-height-m {
	vertical-align: middle;
}
th.bg-service {
	width: auto;
	background: #333 !important;
	color: #FFF;
}
.bg-gray {
	background: #DBDBDB !important;
}
.bg-gray02 {
	background: #959499 !important;
}
.bg-gray03 {
	background: #333 !important;
}
.bg-gray04 {
	background: #F0F0F0 !important;
}
.bg-pink {
	background: #FE93B9 !important;
}
.bg-green {
	background: #7ABA42 !important;
}
.bg-blue {
	background: #3397BB !important;
}
.bg-red {
	background: #E74C3C !important;
}
.tablewrap th {
	background: #DBDBDB;
	font-size: 90%;
}
.bg-pink2 {
	background: #FF007F !important;
}

/*
.tablewrap img {
	width: 100%;
}
*/
/*
.table-cell2 td {
	width: 50%;
}
.table-cell2 p {
	line-height: 1.6em;
}
.table-cell3 td {
	width: 33.33%;
}
.table-cell3 p {
	line-height: 1.6em;
}
*/
.table-cell2 td {
	width: 50%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.table-cell2 p {
	line-height: 1.6em;
}
.table-cell3 td {
	width: 33.33%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.table-cell3 p {
	line-height: 1.6em;
}
.table-cell4 td {
	margin: 0;
	padding: 0;
	width: 25%;
	vertical-align: middle;
}
.table-cell4 p {
	line-height: 1.6em;
}
.table-cell5 td {
	margin: 0;
	padding: 0;
	width: 20%;
	vertical-align: middle;
}
.table-cell5 p {
	line-height: 1.6em;
}

.box-line {
	margin: 0 0 33px 0;
	padding: 1em;
	line-height: 180%;
	border: solid 1px #AAA;
}
.box-line h3 {
	font-size: 108%;
}
.box-line-dot {
	margin: 0;
	padding: 1em;
	line-height: 180%;
	border: dotted 1px #AAA;
}
/*Q&A*/
.qawrap {
	margin: 0;
	padding: 0;
}
.qawrap ul {
	margin: 0;
	padding: 0;
}
.qawrap li {
	margin: 0;
	padding: 0.7em 0;
	line-height: 160%;
	font-size: 108%;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.boxline04 {
	margin: 33px 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.title-etc02 {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	background: #F4F4F4;
}
.title-etc02 h2 {
	margin: 0 1em;
	padding: 0.7em 0;
	line-height: 160%;
	font-size: 108%;
	text-decoration: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.box-etc {
	margin: 0;
	padding: 0.5em;
	line-height: 160%;
}
.pagetop02 {
	margin: 0.5em 0 1em 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
}
.pagetop02 img {
	padding-right: 0.3em;
}
.pagetop02 a {
	text-decoration: none;
}
.list-num {
	margin: 0;
	padding: 0;
}
ol.list-num {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}
ol.list-num li {
	margin: 0 0 0 24px;
	padding: 0;
	font-size: 100%;
}
.icon-q {
	margin: 0;
	padding-right: 0.5em;
	font-weight: bold;
}

.list-disc {
	margin: 0;
	padding: 0;
}
ul.list-disc {
	margin: 0;
	padding: 0;
	list-style-type: disc;
}
ul.list-disc li {
	margin: 0 0 0 24px;
	padding: 0;
	font-size: 100%;
}







/*その他*/
.icon-circle01 {
	background: url(../../images/DPE/icon_circle_green.png) no-repeat;
}
.v-top {
	vertical-align: top !important;
}
.v-middle {
	vertical-align: middle !important;
}
.v-bottom {
	vertical-align: bottom !important;
}
.space-top01 {
	padding-top: 0.5em;
}
.space-bottom02 {
	padding-bottom: 0.5em;
}
/*20140508ログイン追加分*/
.box-login  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-login-gest  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-login-member  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-member {
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	display: block;
	overflow: hidden;
}
.box-member-left {
	float: left;
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	width: 49.2%;
	overflow: hidden;
}
.box-member-right {
	float: right;
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	width: 49.2%;
	overflow: hidden;
}
.title-member {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	background: #DBDBDB;
}
.title-member h2 {
	margin: 0;
	padding: 0.6em 0.5em;
	font-size: 123.1%;
}
.box-member-content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*position: relative;
	min-height: 100%;
	height: 220px;*/
}
.memberwrap-top01 {
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.memberwrap-top02 {
	margin: 0 auto;
	padding: 1em;
	clear: both;
	overflow: hidden;
}
.memberwrap-bottom {
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	clear: both;
	overflow: hidden;
	width: 100%;
	/*position: absolute;
	bottom: 0;*/
}
.box-member-contents01,.box-member-contents02 h3 {
	font-size: 100%;
}
.login-member {
	margin: 0 auto;
	padding: 0;
	width: 18em;
	text-align: center;
	clear: both;
}
.login-member dl {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.login-member dt {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
	display: block;
	text-align: right;
	width: 8em;
	font-weight: bold;
	clear: both;
}
.login-member dd {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 30px;
	display: block;
	text-align: left;
	width: 10em;
}
.button-black03
{
	margin: 0;
	padding: 0 0 10px;
	display: block;
	text-align: center;
}
.button-black03 a {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 10%;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black03 a:hover {
	background: #121212;
	border: 1px solid #000;
	padding: 10px 10%;
	color: #FFF;
	text-decoration: none;
}
.button-black03 a:visited {
	color: #FFF;
}
.button-black03 label {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 10%;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black03 label:hover {
	background: #121212;
	border: 1px solid #000;
	padding: 10px 10%;
	color: #FFF;
	text-decoration: none;
}
.button-black03 label:visited {
	color: #FFF;
}
.login-textarea {
	width: 10em;
	padding-left: 5px;
}
.login-label {
	padding-right: 5px;
}
.login-checkbox {
	line-height: 50px;
}


/* Mサイズ : 481 px ～ 768 px。*/

@media only screen and (min-width: 481px) {
header#headerlogin {
	margin: 0;
	padding: 0;
	line-height: 33px;
	background: #1A1A1A;
	font-size: 100%;
  box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
header#header {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 100%;
  box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
#slideshowwrap {
	margin: 0;
	padding: 15px 0 0 0;
	background: #F4F4F4;
	text-align: center;
 -webkit-box-shadow: inset 0 0 10px 0 #DDD;
 -moz-box-shadow: inset 0 0 10px 0 #DDD;
 -o-border-radius: inset 0 0 10px 0 #DDD;
 -ms-border-radius: inset 0 0 10px 0 #DDD;
 box-shadow: inset 0 0 10px 0 #DDD;
 }
footer {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 20px;
}
footer#footer {
  box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
	background: #F4F4F4;
	border-top: solid 1px #FFF;
}
#contentwrap {
	margin: 0;
	padding: 0;
	background: #FFF;
}
.content {
	margin: 0;
	/*padding: 33px 0 0;*/
	padding: 0 0 33px 0;
	background: #FFF;
}
dfn {
	font-style: normal;
}
 {
	word-break: break-all;
	font-style: normal;
}
img {
	max-width: 100%;
}

.header-dropdown,
.nav-open ,
,dots
{
	z-index:100;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*フォント関連
------------------------------------------------------*/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text27 { font-size:208%; }
.text28 { font-size:215%; }
.text29 { font-size:223%; }
.text30 { font-size:230%; }
.text40 { font-size:308%; }
.text50 { font-size:385%; }
.text60 { font-size:462%; }
.text70 { font-size:538%; }
.text80 { font-size:615%; }
.text90 { font-size:692%; }
.text100 { font-size:769%; }

.text-red {
	color: #F00;
}
.text-red2 {
	color: #F00;
	font-weight: normal;
}
.text-b {
	font-weight: bold;
}
.color01 {
	color: #AAAAAA;
}
.gray01 {
	color: #535353;
}
.text-h160n {
	padding: 0;
	line-height: 160%;
}
.text-h180n {
	padding: 0;
	line-height: 180%;
}
.text-h200n {
	padding: 0;
	line-height: 200%;
}
.text-h160 {
	padding: 0.5em 0;
	line-height: 160%;
}
.text-h180 {
	padding: 0.5em 0;
	line-height: 180%;
}
.text-h200 {
	padding: 0.5em 0;
	line-height: 200%;
}
.blue {
	color: #3397BB;
}
.text-white {
	color: #FFF;
}
/*
.text-h160 {
	line-height: 160%;
}
.text-h180 {
	line-height: 180%;
}
.text-h200 {
	line-height: 200%;
}*/

/*リンク
------------------------------------------------------*/

a {
	color: #3397BB;
	text-decoration: underline;
}
a:visited {
	color: #3397BB;
	}
a:hover {
	color: #287795;
	text-decoration: underline;
	background: #F4F4F4;
}

/*ヘッダ
------------------------------------------------------*/
/*ロゴ*/
#logo {
	/*margin: 0;
	padding: 0;*/
	/*clear: both;*/
	float: left;
	margin-left: 0;
	width: 20%;
	display: block;
}
#logo h1 {
	margin: 6px 0px;
	padding: 0;
}
#logo a:hover{
	background: none;
}
/*キャッチコピー*/
#slogan {
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}
#slogan h1 {
	margin: 0;
	padding: 8px 0px;
	font-size: 93%;
	line-height: 140%;
	color: #FFF;
	vertical-align: middle;
}
/*ログイン*/
.box-header-right {
	float: right;
	margin: 0;
	padding: 0;
}
.box-header-left p {
	margin: 0;
	padding: 0;
}
.box-header-right p {
	margin: 0;
	padding: 0;
}
/*グローバルメニュー*/
#header-nav {
	/*clear: both;*/
	float: right;
	margin-left: 0;
	width: 80%;
	display: block;
}
.header-nav {
	float: right;
	margin: 0;
	padding: 0;
	height: 64px;
}
.header-nav ul {
	margin: 0;
	padding: 0;
}
.header-nav li {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 61px;
	border-right: solid 1px #DDD;
	background: #EEE;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	background:-moz-linear-gradient(top, #EEE, #FFF);
	font-size: 100%;
	letter-spacing: normal;
}
.header-nav li a {
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.header-nav li a:hover {
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.header-nav-gray {
	border-bottom: solid 3px #666;
}
.header-nav-green {
	border-bottom: solid 3px #7ABA42;
}
.header-nav-blue {
	border-bottom: solid 3px #3397BB;
}
.header-nav-red {
	border-bottom: solid 3px #E74C3C;
}
.header-nav-left {
	border-left: solid 1px #DDD;
}
li.header-nav-gray-on a {
	background: #666;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-gray-on a:hover {
	background: #666;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on a {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on a:hover {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on a {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on a:hover {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on a {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on a:hover {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

/*ログインメニュー
------------------------------------------------------*/
#dropmenu {
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
}
#dropmenu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-decoration: none;
	width: 100%;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
}
#dropmenu li ul {
	position: absolute;
	top: -5px;
	left: 1px;
	list-style: none;
	margin: 0;
}
ul#dropmenu li ul li {
  left: -325%;
  width: 160%;
	z-index: 1;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
	width: 150%;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
	color: #333;
}
#dropmenu li:hover > a{
  background: #D8D7D1;
  color: #F7931E;
}
#dropmenu > li:hover > a{
  /*border-radius: 3px 3px 0 0;*/
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
	border: solid 1px #FFFFFF;
}
#dropmenu li:hover ul li:first-child{
  /*border-top: 0;*/
}
#dropmenu li:hover ul li:last-child{
  /*border-bottom: 0;*/
}
#dropmenu li:hover ul li:last-child a{
  /*border-radius: 0 0 3px 3px;*/
}

.header-account {
	float: left;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
	border: solid 1px #FFFFFF;
	outline: solid 1px #CFD0CA;
	color: #333;
	line-height: 31px;
}
.header-account p {
	margin: 0;
	padding: 0 5px;
}
.header-dropdown {
	float: right;
	margin: 0;
	padding: 0;
}
.header-dropdown img {
	display: block;
	margin: 0;
	padding: 0;
}
.header-dropdown a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1)) !important;
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1) !important;
	border: solid 1px #FFFFFF !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.header-dropdown a:hover {
	display: inline-block;
	background: #D8D7D1 !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}
.button-header01 p {
	margin: 0;
	padding: 0 0.5em;
	line-height: 33px;
	width: 98px;
	text-align: center;
}
.button-header01 a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F59B32;
	background:-webkit-gradient(linear, left top, left bottom, from(#F59B32), to(#C07518)) !important;
	background:-moz-linear-gradient(top, #F59B32, #C07518) !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.button-header01 a:hover {
	display: inline-block;
	background: #F59B32 !important;
	margin: 0;
	padding: 0;
	color: #FFF !important;
	text-decoration: none;
}
.button-header02 p {
	margin: 0;
	padding: 0 0.5em;
	line-height: 33px;
	width: 98px;
	text-align: center;
}
.button-header02 a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #469FC0;
	background:-webkit-gradient(linear, left top, left bottom, from(#469FC0), to(#27768F)) !important;
	background:-moz-linear-gradient(top, #469FC0, #27768F) !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.button-header02 a:hover {
	display: inline-block;
	background: #469FC0 !important;
	margin: 0;
	padding: 0;
	color: #FFF !important;
	text-decoration: none;
}
.nav-open p {
	margin: 0;
	padding: 0;


	display: inline-block;
	float: right;
}
.nav-open img {
	display: block;
}
.nav-open a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1)) !important;
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1) !important;
	border: solid 1px #FFFFFF !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.nav-open a:hover {
	display: inline-block;
	background: #D8D7D1 !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}

/*パンくず
------------------------------------------------------*/
.breadcrumb {
	margin: 0;
	padding: 0;
	background: #F4F4F4;
	-webkit-box-shadow: inset 0 0 10px 0 #DDD;
	-moz-box-shadow: inset 0 0 10px 0 #DDD;
	-o-border-radius: inset 0 0 10px 0 #DDD;
	-ms-border-radius: inset 0 0 10px 0 #DDD;
	box-shadow: inset 0 0 10px 0 #DDD;
	font-size: 93%;
	line-height: 27px;
	color: #666;
}
.breadcrumb img {
	margin: 0;
	padding: 0 0.5em 0 0;
}
.breadcrumb p {
	margin: 0;
	padding: 0;
}
.breadcrumb a {
	text-decoration: none;
}
.breadcrumb a:hover {
	background: none;
}


/* =============================================================================
   共通注文ボタン
   ========================================================================== */
.box-order-nav {
	margin: 33px 0 0 0;
	padding: 0;
}
.button03 {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
}
.button04 {
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.button-order-side p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-order-side a {
	margin: 0;
	padding: 15px 10%;
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order-side a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	color: #FFF;
	text-decoration: none;
}
.button-order-side a:visited {
	color: #FFF;
}
.button-space {
		padding: 0;
}

.button-order-side02 p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-order-side02 a {
	margin: 0 auto;
	padding: 15px 0;
	width: 99%;
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order-side02 a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	color: #FFF;
	text-decoration: none;
}
.button-order-side02 a:visited {
	color: #FFF;
}
	
/* =============================================================================
   ボタン
   ========================================================================== */

.button01 {
	margin: 0;
	padding: 10px 0px;
	text-align: center;
	overflow: hidden;
}
.button02 {
	margin: 0;
	padding: 0;
	text-align: right;
	overflow: hidden;
}
.button-sub {
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.button-sub ul {
	margin: 0;
	padding: 0;
}
.button-sub li {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.button-order p {
	margin: 0;
	padding: 0 3em;
}
.button-order a {
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 153.9%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order a:hover {
		display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
}
.button-black p {
	margin: 0;
	padding: 0 1em;
}
.button-black
{
	display: block;
}
.button-black a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-black label {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-black label:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}



.button-black04
{
	display: inline-block;
}
.button-black label {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-black label:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}





.button-orange 
{
	display: block;
}
.button-orange a {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-orange a:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}
.button-orange label {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 99%;
}
.button-orange label:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	width: 99%;
}











.button-orange02 
{
	display: inline-block;
}
.button-orange02 label {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-orange02 label:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}






.button-gray {
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	display: block;
	text-align: center;
}
.button-gray a {
	display: block;
	background: #F4F4F4;
	border: 1px solid #DBDBDB;
	color: #333;
	padding: 10px 1em;
	font-size: 123.1%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-gray a:hover {
	display: block;
	background: url(../../images/DPE/bg_side_nav_on.gif) repeat;
	border: 1px solid #DBDBDB;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}

.button-black02
{
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	display: block;
	text-align: center;
}
.button-black02 a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black02 a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-friend
{
	margin: 0;
	padding: 0.5em 0;
	display: block;
	text-align: center;
	width: 15em;
}
.button-friend a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF !important;
	padding: 2px 0;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-friend a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 2px 0;
	color: #FFF;
	text-decoration: none;
}
.friendwrap {
	margin: 0;
	padding-bottom: 60px;
}
.friend ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.friend li {
	float: none;
	padding: 0 1em 0 0;
	margin: 0;
}
iframe.twitter-share-button {
width: 90px!important;
}

/*ヘッダーログイン*/
.button-gray-login {
	margin: 3px 0;
	padding: 0;
	/*padding: 10px 0px;*/
	line-height: 25px;
	width: 100%;
	display: block;
	text-align: center;
	clear: both;
}
.button-gray-login a {
	margin: 0;
	padding: 0;
	display: block;
	background: #F4F4F4;
	border: 1px solid #DBDBDB;
	color: #3397BB;
	padding: 0 5px;
	/*padding: 10px 1em;*/
	font-size: 100%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-gray-login a:hover {
	margin: 0;
	padding: 0;
	display: block;
	/*background: url(../../images/DPE/bg_side_nav_on.gif) repeat;*/
	background: #000;
	border: 1px solid #DBDBDB;
	padding: 0 5px;
	/*padding: 10px 1em;*/
	color: #FFF;
	text-decoration: none;
}
.loginwrap {
	float: left;
	margin: 0;
	padding: 0px 10px 0px 5px;
}
.loginwrap p {
	margin: 0;
	padding: 0;
	color: #FFF;
	line-height: 32px;
}
.mypagewrap {
	float: right;
	margin: 0;
	padding: 0 0 0 4px;
}



/* その他
------------------------------------------------------*/
.boxline03 {
	margin: 33px 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-yamato {
	/*margin: 1em 0 0 0;*/
	margin: 0.5em 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-time {
	display: none;
}
.box-title-time {
	display: none;
}
.box-title-time img {
	float: left;
	padding-right: 0.5em;
}
.box-title-time h3 {
	color: #333;
	padding-top: 0.8em;
}
.boxline-none {
	margin: 23px 0 0 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.title-etc h2 a {
	display: block;
	text-decoration: none !important;
}
.title-etc a:hover h2 {
	display: block;
	text-decoration: none !important;
	background: #F4F4F4 !important;
}
.title-etc {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DDDDDD;
}
.title-etc h2 {
	margin: 0;
	padding: 0 0 0 0.5em;
	line-height: 38px;
	font-size: 123.1%;
	text-decoration: none;
}
.product-etc {
	margin: 0;
	padding: 0.5em;
	text-align: center;
	display: block;
}
.time-etc {
	margin: 0;
	padding: 0.5em;
	text-align: center;
	display: block;
}
.title-time {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DDDDDD;
	background: #7DB948;
}
.title-time p {
	margin: 0;
	padding: 0 0 0 0.5em;
	line-height: 38px;
	font-size: 123.1%;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
.print_title_catch {
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

/* ページトップ
------------------------------------------------------*/
.pagetop {
	float: right;
	margin: 0;
	padding: 33px 0 0;
}
.pagetop a {
	margin: 0;
	padding: 1em;
	display: inline-block;
	text-decoration: none;
	border: solid 1px #DDD;
	color: #333;
	background: #F4F4F4;
}
.pagetop img {
	margin: 0;
	padding: 0 0 0 1em;
}


/* フッター
------------------------------------------------------*/
.footer-nav {
	margin: 0;
	padding: 0;
}
.footer-logo {
	margin: 0;
	padding: 16px 0 0 0;
	text-align: right;
}
.footer-nav p {
	margin: 0;
	padding-top: 13px;
}



/* =============================================================================
   中ページ
   ========================================================================== */

/*タイトル*/
.titlewrap {
	margin: 33px 0;
	padding: 0;
	background: url(../../images/DPE/bg_title.gif) repeat;
	line-height: 66px;
	overflow: hidden;
}
.title-textwrap {
	margin: 0;
	padding: 0;
}
.title-textwrap ul {
	margin: 0;
	padding: 0 4em;
	list-style-type: none;
}
.title-textwrap li {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.title-textwrap h2 {
	margin: 0;
	padding: 0.41em 1em;
	font-size: 230%;
}
li.title-s {
	display: none;
}
/*タイトル2　title-sなし*/
.titlewrap2 {
	margin: 33px 0;
	padding: 0;
	background: url(../../images/DPE/bg_title.gif) repeat;
	line-height: 66px;
	overflow: hidden;
}
.title-textwrap2 {
	margin: 0;
	padding: 0;
}
.title-textwrap2 ul {
	margin: 0;
	padding: 0 4em;
	list-style-type: none;
}
.title-textwrap2 li {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.title-textwrap2 h2 {
	margin: 0;
	/*padding: 0px 1em;*/
	padding: 0.41em 1em;
	font-size: 230%;
}
/*ボックス*/
.box00 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.box01 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
.box-col1 {
	float: left;
	width: 32.33%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col2 {
	float: left;
	width: 32.33%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col3 {
	float: left;
	width: 32.33%;
	margin: 0;
	padding: 0;
}
.spaceimg {
	margin: 0;
	padding: 1em 0;
}
.spaceimg01 {
	margin: 0;
	padding: 0 0 1em 0;
}
.space-bottom01 {
	margin: 0;
	padding-bottom: 0;
}

.box-col1,
.box-col2,
.box-col3, h3 {
	margin: 0;
	padding-bottom: 0.3em;
}
.box02 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box02 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box02 p {
	line-height: 180%;
}
.box03 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box04 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box04 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box04 p {
	line-height: 180%;
}
.box04 ol {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box04 ol li {
	list-style-type: decimal;
	line-height: 180%;
}
.box04 ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box04 ul li {
	line-height: 180%;
	list-style-type: disc;
}
.box04 h4 {
	margin: 1em 0 0 0;
	line-height: 180%;
}
.box05 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box05 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box05 p {
	line-height: 180%;
}
.box05 ol {
	margin: 0 0 1em 0;
	padding-left: 2.3em;
}
.box05 ol li {
	list-style-type: decimal;
	line-height: 180%;
	font-weight: bold;
}
.box05 ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box05 ul li {
	line-height: 180%;
	list-style-type: disc;
	font-weight: normal;
}
.box05 h4 {
	margin: 1em 0 0 0;
	line-height: 180%;
}
.box06 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
.box07 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.box08 {
	margin: 15px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.border-green {
	border: solid 1px #7ABA42;
}
.border-blue {
	border: solid 1px #3397BB;
}
.border-red {
	border: solid 1px #E74C3C;
}
hr.hr01 {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dotted #E0E0E0;
	margin: 2em 0;
	padding: 0;
	clear: both;
}
.main-content2 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-top33 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-top66 {
	margin: 66px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-bottom33 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box-bottom66 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}

.box-col4-1n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-2n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-3n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-4n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding: 0;
}
.title-circle {
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	background: #F4F4F4;
}
.title-circle img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-green {
	margin: 0;
	padding: 1.5em 0 0.5em ;
}
.title-circle-green img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-green2 {
	margin: 0;
	padding: 0 0 0.5em ;
}
.title-circle-green2 img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-red {
	margin: 0;
	padding: 1.5em 0 0.5em ;
}
.title-circle-red img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-red2 {
	margin: 0;
	padding: 0 0 0.5em ;
}
.title-circle-red2 img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}

.circle-green {
	margin: 0;
	padding: 0;
}
.circle-green ul {
	list-style-type: none;
}
.circle-green li {
	background: url(../../images/DPE/icon_circle_green.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-red {
	margin: 0;
	padding: 0;
}
.circle-red ul {
	list-style-type: none;
}
.circle-red li {
	background: url(../../images/DPE/icon_circle_red.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-blue {
	margin: 0;
	padding: 0;
}
.circle-blue ul {
	list-style-type: none;
}
.circle-blue li {
	background: url(../../images/DPE/icon_circle_blue.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-gray {
	margin: 0;
	padding: 0;
}
.circle-gray ul {
	list-style-type: none;
}
.circle-gray li {
	background: url(../../images/DPE/icon_circle_gray.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}



/*テーブル*/
.tablewrap {
	margin: 0;
	padding: 0;
}
.tablewrap table {
	width: 100%;
}
.tablewrap th
,.tablewrap td {
	text-align: center;
	border: solid 1px #AAA;
	/*line-height: 260%;*/
	/*vertical-align: middle;*/
	padding: 0.7em !important;
}
.fontsize-s01 th {
	font-size: 100% !important;
	letter-spacing: normal;
}
.fontsize-s01 td {
	font-size: 100%;
}
.bg-gray {
	background: #DBDBDB !important;
}
.bg-gray02 {
	background: #959499 !important;
}
.bg-gray03 {
	background: #333 !important;
}
.bg-gray04 {
	background: #F0F0F0 !important;
}
.bg-pink {
	background: #FE93B9 !important;
}
.bg-green {
	background: #7ABA42 !important;
}
.bg-blue {
	background: #3397BB !important;
}
.bg-red {
	background: #E74C3C !important;
}
.tablewrap th {
	background: #DBDBDB;
	font-size: 100%;
}
.bg-pink2 {
	background: #FF007F !important;
}

/*
.tablewrap img {
	width: 100%;
}
*/
.table-cell2 td {
	width: 50%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.table-cell2 p {
	line-height: 1.6em;
}
.table-cell3 td {
	width: 33.33%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.table-cell3 p {
	line-height: 1.6em;
}
.table-cell4 td {
	margin: 0;
	padding: 0;
	width: 25%;
	vertical-align: middle;
}
.table-cell4 p {
	line-height: 1.6em;
}
.table-cell5 td {
	margin: 0;
	padding: 0;
	width: 20%;
	vertical-align: middle;
}
.table-cell5 p {
	line-height: 1.6em;
}

.box-line {
	margin: 0 0 33px 0;
	padding: 1em;
	line-height: 180%;
	border: solid 1px #AAA;
}
.box-line h3 {
	font-size: 108%;
}
/*Q&A*/
.qawrap {
	margin: 0;
	padding: 0;
}
.qawrap ul {
	margin: 0;
	padding: 0;
}
.qawrap li {
	margin: 0;
	padding: 0.7em 0;
	line-height: 160%;
	font-size: 108%;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.boxline04 {
	margin: 33px 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.title-etc02 {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	background: #F4F4F4;
}
.title-etc02 h2 {
	margin: 0 1em;
	padding: 0.7em 0;
	line-height: 160%;
	font-size: 108%;
	text-decoration: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.box-etc {
	margin: 0;
	padding: 0.5em;
	line-height: 160%;
}
.pagetop02 {
	margin: 0.5em 0 1em 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
}
.pagetop02 img {
	padding-right: 0.3em;
}
.pagetop02 a {
	text-decoration: none;
}
.list-num {
	margin: 0;
	padding: 0;
}
ol.list-num {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}
ol.list-num li {
	margin: 0 0 0 24px;
	padding: 0;
	font-size: 100%;
}
.icon-q {
	margin: 0;
	padding-right: 0.5em;
	font-weight: bold;
}



/*20140508ログイン追加分*/
.box-login  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-login-gest  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-login-member  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-member {
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	display: block;
	overflow: hidden;
}
.box-member-left {
	float: left;
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	width: 49.2%;
	overflow: hidden;
}
.box-member-right {
	float: right;
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	width: 49.2%;
	overflow: hidden;
}
.title-member {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	background: #DBDBDB;
}
.title-member h2 {
	margin: 0;
	padding: 0.6em 0.5em;
	font-size: 123.1%;
}
.box-member-content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*position: relative;
	min-height: 100%;
	height: 220px;*/
}
.memberwrap-top01 {
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.memberwrap-top02 {
	margin: 0 auto;
	padding: 1em;
	clear: both;
	overflow: hidden;
}
.memberwrap-bottom {
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	clear: both;
	overflow: hidden;
	width: 100%;
	/*position: absolute;
	bottom: 0;*/
}
.box-member-contents01,.box-member-contents02 h3 {
	font-size: 100%;
}
.login-member {
	margin: 0 auto;
	padding: 0;
	width: 20em;
	text-align: center;
	clear: both;
}
.login-member dl {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.login-member dt {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
	display: block;
	text-align: right;
	width: 8em;
	font-weight: bold;
	clear: both;
}
.login-member dd {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 30px;
	display: block;
	text-align: left;
	width: 12em;
}
.button-black03
{
	margin: 0;
	padding: 0 0 10px;
	display: block;
	text-align: center;
}
.button-black03 a {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 10%;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black03 a:hover {
	background: #121212;
	border: 1px solid #000;
	padding: 10px 10%;
	color: #FFF;
	text-decoration: none;
}
.button-black03 a:visited {
	color: #FFF;
}
.button-black03 label {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 10%;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black03 label:hover {
	background: #121212;
	border: 1px solid #000;
	padding: 10px 10%;
	color: #FFF;
	text-decoration: none;
}
.button-black03 label:visited {
	color: #FFF;
}
.login-textarea {
	width: 12em;
	padding-left: 5px;
}
.login-label {
	padding-right: 5px;
}
.login-checkbox {
	line-height: 50px;
}

}

/* Lサイズ : 769 px ～最大 1232 px。*/

@media only screen and (min-width: 769px) {
header#headerlogin {
	margin: 0;
	padding: 0;
	line-height: 33px;
	background: #1A1A1A;
	font-size: 100%;
  box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
header#header {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 100%;
  box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.75);
}
#slideshowwrap {
	margin: 0;
	padding: 15px 0 0 0;
	background: #F4F4F4;
	text-align: center;
 -webkit-box-shadow: inset 0 0 10px 0 #DDD;
 -moz-box-shadow: inset 0 0 10px 0 #DDD;
 -o-border-radius: inset 0 0 10px 0 #DDD;
 -ms-border-radius: inset 0 0 10px 0 #DDD;
 box-shadow: inset 0 0 10px 0 #DDD;
 }
footer {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 20px;
}
footer#footer {
  box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px -2px 4px rgba(0,0,0,0.10);
	background: #F4F4F4;
	border-top: solid 1px #FFF;
}
#contentwrap {
	margin: 0;
	padding: 0;
	background: #FFF;
}
.content {
	margin: 0;
	/*padding: 33px 0 0;*/
	padding: 0 0 33px 0;
	background: #FFF;
}
dfn {
	font-style: normal;
}
 {
	word-break: break-all;
	font-style: normal;
}
img {
	max-width: 100%;
}

.header-dropdown,
.nav-open ,
,dots
{
	z-index:100;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*フォント関連
------------------------------------------------------*/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text27 { font-size:208%; }
.text28 { font-size:215%; }
.text29 { font-size:223%; }
.text30 { font-size:230%; }
.text40 { font-size:308%; }
.text50 { font-size:385%; }
.text60 { font-size:462%; }
.text70 { font-size:538%; }
.text80 { font-size:615%; }
.text90 { font-size:692%; }
.text100 { font-size:769%; }

.text-red {
	color: #F00;
}
.text-red2 {
	color: #F00;
	font-weight: normal;
}
.text-b {
	font-weight: bold;
}
.color01 {
	color: #AAAAAA;
}
.gray01 {
	color: #535353;
}
.text-h160n {
	padding: 0;
	line-height: 160%;
}
.text-h180n {
	padding: 0;
	line-height: 180%;
}
.text-h200n {
	padding: 0;
	line-height: 200%;
}
.text-h160 {
	padding: 0.5em 0;
	line-height: 160%;
}
.text-h180 {
	padding: 0.5em 0;
	line-height: 180%;
}
.text-h200 {
	padding: 0.5em 0;
	line-height: 200%;
}
.blue {
	color: #3397BB;
}
.text-white {
	color: #FFF;
}
/*
.text-h160 {
	line-height: 160%;
}
.text-h180 {
	line-height: 180%;
}
.text-h200 {
	line-height: 200%;
}*/

/*リンク
------------------------------------------------------*/

a {
	color: #3397BB;
	text-decoration: underline;
}
a:visited {
	color: #3397BB;
	}
a:hover {
	color: #287795;
	text-decoration: underline;
	background: #F4F4F4;
}

/*ヘッダ
------------------------------------------------------*/
/*ロゴ*/
#logo {
	/*margin: 0;
	padding: 0;*/
	/*clear: both;*/
	float: left;
	margin-left: 0;
	width: 20%;
	display: block;
}
#logo h1 {
	margin: 6px 0px;
	padding: 0;
}
#logo a:hover{
	background: none;
}
/*キャッチコピー*/
#slogan {
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}
#slogan h1 {
	margin: 0;
	padding: 8px 0px;
	font-size: 93%;
	line-height: 140%;
	color: #FFF;
	vertical-align: middle;
}
/*ログイン*/
.box-header-right {
	float: right;
	margin: 0;
	padding: 0;
}
.box-header-left p {
	margin: 0;
	padding: 0;
}
.box-header-right p {
	margin: 0;
	padding: 0;
}
/*グローバルメニュー*/
#header-nav {
	/*clear: both;*/
	float: right;
	margin-left: 0;
	width: 80%;
	display: block;
}
.header-nav {
	float: right;
	margin: 0;
	padding: 0;
	height: 64px;
}
.header-nav ul {
	margin: 0;
	padding: 0;
}
.header-nav li {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 61px;
	border-right: solid 1px #DDD;
	background: #EEE;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	background:-moz-linear-gradient(top, #EEE, #FFF);
	font-size: 100%;
	letter-spacing: normal;
}
.header-nav li.homenone  {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 61px;
	border-right: solid 1px #DDD;
	background: #EEE;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	background:-moz-linear-gradient(top, #EEE, #FFF);
}
.header-nav li a {
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.header-nav li a:hover {
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


.header-nav-gray {
	border-bottom: solid 3px #666;
}
.header-nav-green {
	border-bottom: solid 3px #7ABA42;
}
.header-nav-blue {
	border-bottom: solid 3px #3397BB;
}
.header-nav-red {
	border-bottom: solid 3px #E74C3C;
}
.header-nav-left {
	border-left: solid 1px #DDD;
}
/*
li.header-nav-gray-on {
	background: #666;
	border-bottom: solid 3px #666;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
*/
li.header-nav-gray-on a {
	background: #666;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-gray-on a:hover {
	background: #666;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on a {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-green-on a:hover {
	background: #7ABA42;
	border-bottom: solid 3px #7ABA42;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on a {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-blue-on a:hover {
	background: #3397BB;
	border-bottom: solid 3px #3397BB;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on a {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
li.header-nav-red-on a:hover {
	background: #E74C3C;
	border-bottom: solid 3px #E74C3C;
	display: inline-block;
	margin: 0;
	padding: 0 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

/*ログインメニュー
------------------------------------------------------*/
#dropmenu {
  list-style-type: none;
  width: 100%;
  margin: 0px auto 0px;
  padding: 0;
}
#dropmenu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-decoration: none;
	width: 100%;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
}
#dropmenu li ul {
	position: absolute;
	top: -5px;
	left: 1px;
	list-style: none;
	margin: 0;
}
ul#dropmenu li ul li {
  left: -325%;
  width: 160%;
	z-index: 1;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
	width: 150%;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
	color: #333;
}
#dropmenu li:hover > a{
  background: #D8D7D1;
  color: #F7931E;
}
#dropmenu > li:hover > a{
  /*border-radius: 3px 3px 0 0;*/
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
	border: solid 1px #FFFFFF;
}
#dropmenu li:hover ul li:first-child{
  /*border-top: 0;*/
}
#dropmenu li:hover ul li:last-child{
  /*border-bottom: 0;*/
}
#dropmenu li:hover ul li:last-child a{
  /*border-radius: 0 0 3px 3px;*/
}

.header-account {
	float: left;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1));
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1);
	border: solid 1px #FFFFFF;
	outline: solid 1px #CFD0CA;
	color: #333;
	line-height: 31px;
}
.header-account p {
	margin: 0;
	padding: 0 5px;
}
.header-dropdown {
	float: right;
	margin: 0;
	padding: 0;
}
.header-dropdown img {
	display: block;
	margin: 0;
	padding: 0;
}
.header-dropdown a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1)) !important;
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1) !important;
	border: solid 1px #FFFFFF !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.header-dropdown a:hover {
	display: inline-block;
	background: #D8D7D1 !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}
.button-header01 p {
	margin: 0;
	padding: 0 0.5em;
	line-height: 33px;
	width: 98px;
	text-align: center;
}
.button-header01 a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F59B32;
	background:-webkit-gradient(linear, left top, left bottom, from(#F59B32), to(#C07518)) !important;
	background:-moz-linear-gradient(top, #F59B32, #C07518) !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.button-header01 a:hover {
	display: inline-block;
	background: #F59B32 !important;
	margin: 0;
	padding: 0;
	color: #FFF !important;
	text-decoration: none;
}
.button-header02 p {
	margin: 0;
	padding: 0 0.5em;
	line-height: 33px;
	width: 98px;
	text-align: center;
}
.button-header02 a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #469FC0;
	background:-webkit-gradient(linear, left top, left bottom, from(#469FC0), to(#27768F)) !important;
	background:-moz-linear-gradient(top, #469FC0, #27768F) !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.button-header02 a:hover {
	display: inline-block;
	background: #469FC0 !important;
	margin: 0;
	padding: 0;
	color: #FFF !important;
	text-decoration: none;
}
.nav-open p {
	margin: 0;
	padding: 0;


	display: inline-block;
	float: right;
}
.nav-open img {
	display: block;
}
.nav-open a {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #F8F5EE;
	background:-webkit-gradient(linear, left top, left bottom, from(#F8F5EE), to(#E1E1E1)) !important;
	background:-moz-linear-gradient(top, #F8F5EE, #E1E1E1) !important;
	border: solid 1px #FFFFFF !important;
	outline: solid 1px #CFD0CA !important;
	color: #FFF;
}
.nav-open a:hover {
	display: inline-block;
	background: #D8D7D1 !important;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}

/*パンくず
------------------------------------------------------*/
.breadcrumb {
	margin: 0;
	padding: 0;
	background: #F4F4F4;
	-webkit-box-shadow: inset 0 0 10px 0 #DDD;
	-moz-box-shadow: inset 0 0 10px 0 #DDD;
	-o-border-radius: inset 0 0 10px 0 #DDD;
	-ms-border-radius: inset 0 0 10px 0 #DDD;
	box-shadow: inset 0 0 10px 0 #DDD;
	font-size: 93%;
	line-height: 27px;
	color: #666;
}
.breadcrumb img {
	margin: 0;
	padding: 0 0.5em 0 0;
}
.breadcrumb p {
	margin: 0;
	padding: 0;
}
.breadcrumb a {
	text-decoration: none;
}
.breadcrumb a:hover {
	background: none;
}



/* =============================================================================
   共通注文ボタン
   ========================================================================== */
.box-order-nav {
	margin: 33px 0 0 0;
	padding: 0;
}
.button03 {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
}
.button04 {
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.button-order-side p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-order-side a {
	margin: 0;
	padding: 15px 10%;
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order-side a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	color: #FFF;
	text-decoration: none;
}
.button-order-side a:visited {
	color: #FFF;
}
.button-space {
		padding: 0;
}

.button-order-side02 p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-order-side02 a {
	margin: 0 auto;
	padding: 15px 0;
	width: 99%;
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order-side02 a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	color: #FFF;
	text-decoration: none;
}
.button-order-side02 a:visited {
	color: #FFF;
}

	
/* =============================================================================
   ボタン
   ========================================================================== */

.button01 {
	margin: 0;
	padding: 10px 0px;
	text-align: center;
	overflow: hidden;
}
.button02 {
	margin: 0;
	padding: 0;
	text-align: right;
	overflow: hidden;
}
.button-sub {
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.button-sub ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.button-sub li {
	margin: 0 40px 0 0;
	padding: 0 5px;
	list-style-type: none;
	display: inline-block;
}

.button-order p {
	margin: 0;
	padding: 0 3em;
}
.button-order a {
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 0;
	font-size: 153.9%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-order a:hover {
		display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
}
.button-black p {
	margin: 0;
	padding: 0 1em;
}
.button-black
{
	display: inline-block;
}
.button-black a {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black a:hover {
	display: inline-block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-black label {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black label:hover {
	display: inline-block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}








.button-black04
{
	display: inline-block;
}
.button-black04 label {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black04 label:hover {
	display: inline-block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}




.button-orange 
{
	display: block;
}
.button-orange a {
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-orange a:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-orange label {
	display: inline-block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-orange label:hover {
	display: inline-block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}







.button-orange02 
{
	display: inline-block;
}
.button-orange02 label {
	display: block;
	background: #FE993D;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEB572), to(#F77C20));
	background:-moz-linear-gradient(top, #FEB572, #F77C20);
	border: 1px solid #F77C20;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(255,255,255,0.5),1px 1px 1px rgba(0,0,0,0.5);*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-orange02 label:hover {
	display: block;
	background: #F77C20;
	border: 1px solid #F06B09;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}








.button-gray {
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	display: block;
	text-align: center;
}
.button-gray a {
	display: block;
	background: #F4F4F4;
	border: 1px solid #DBDBDB;
	color: #333;
	padding: 10px 1em;
	font-size: 123.1%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-gray a:hover {
	display: block;
	background: url(../../images/DPE/bg_side_nav_on.gif) repeat;
	border: 1px solid #DBDBDB;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}

.button-black02
{
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	display: block;
	text-align: center;
}
.button-black02 a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 1em;
	font-size: 123.1%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black02 a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 10px 1em;
	color: #FFF;
	text-decoration: none;
}
.button-friend
{
	margin: 0;
	padding: 0 0.5em;
	display: block;
	text-align: center;
	width: 15em;
}
.button-friend a {
	display: block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF !important;
	padding: 2px 0.5em;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-friend a:hover {
	display: block;
	background: #121212;
	border: 1px solid #000;
	padding: 2px 0.5em;
	color: #FFF;
	text-decoration: none;
}
.friendwrap {
	margin: 0;
	padding-bottom: 60px;
}
.friend ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.friend li {
	float: left;
	padding: 0 1em 0 0;
	margin: 0;
}
iframe.twitter-share-button {
width: 85px!important;
}


/*ヘッダーログイン*/
.button-gray-login {
	margin: 3px 0;
	padding: 0;
	/*padding: 10px 0px;*/
	line-height: 25px;
	width: 100%;
	display: block;
	text-align: center;
	clear: both;
}
.button-gray-login a {
	margin: 0;
	padding: 0;
	display: block;
	background: #F4F4F4;
	border: 1px solid #DBDBDB;
	color: #3397BB;
	padding: 0 5px;
	/*padding: 10px 1em;*/
	font-size: 100%;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-gray-login a:hover {
	margin: 0;
	padding: 0;
	display: block;
	/*background: url(../../images/DPE/bg_side_nav_on.gif) repeat;*/
	background: #000;
	border: 1px solid #DBDBDB;
	padding: 0 5px;
	/*padding: 10px 1em;*/
	color: #FFF;
	text-decoration: none;
}
.loginwrap {
	float: left;
	margin: 0;
	padding: 0px 10px 0px 5px;
}
.loginwrap p {
	margin: 0;
	padding: 0;
	color: #FFF;
	line-height: 32px;
}
.mypagewrap {
	float: right;
	margin: 0;
	padding: 0 0 0 4px;
}



/* その他
------------------------------------------------------*/
.boxline03 {
	margin: 33px 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-yamato {
	/*margin: 1em 0 0 0;*/
	margin: 0.5em 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-time {
	margin: 0.5em 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.box-title-time {
	margin: 23px 0 0 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.box-title-time img {
	float: left;
	padding-right: 0.5em;
}
.box-title-time h3 {
	color: #333;
	padding-top: 0.8em;
}
.boxline-none {
	margin: 23px 0 0 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.title-etc h2 a {
	display: block;
	text-decoration: none !important;
}
.title-etc a:hover h2 {
	display: block;
	text-decoration: none !important;
	background: #F4F4F4 !important;
}
.title-etc {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DDDDDD;
}
.title-etc h2 {
	margin: 0;
	padding: 0 0 0 0.5em;
	line-height: 38px;
	font-size: 123.1%;
	text-decoration: none;
}
.product-etc {
	margin: 0;
	padding: 0.5em;
	text-align: center;
	display: block;
}
.time-etc {
	margin: 0;
	padding: 0.5em;
	text-align: center;
	display: block;
}
.title-time {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DDDDDD;
	background: #7DB948;
}
.title-time p {
	margin: 0;
	padding: 0 0 0 0.5em;
	line-height: 38px;
	font-size: 123.1%;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
.print_title_catch {
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

/* ページトップ
------------------------------------------------------*/
.pagetop {
	float: right;
	margin: 0;
	padding: 33px 0 0;
}
.pagetop a {
	margin: 0;
	padding: 1em;
	display: inline-block;
	text-decoration: none;
	border: solid 1px #DDD;
	color: #333;
	background: #F4F4F4;
}
.pagetop img {
	margin: 0;
	padding: 0 0 0 1em;
}


/* フッター
------------------------------------------------------*/
.footer-nav {
	margin: 0;
	padding: 0;
}
.footer-logo {
	margin: 0;
	padding: 16px 0 0 0;
	text-align: right;
}
.footer-nav p {
	margin: 0;
	padding-top: 13px;
}



/* =============================================================================
   中ページ
   ========================================================================== */

/*タイトル*/
.titlewrap {
	margin: 33px 0;
	padding: 0;
	background: url(../../images/DPE/bg_title.gif) repeat;
	line-height: 66px;
	overflow: hidden;
}
.title-textwrap {
	margin: 0;
	padding: 0;
}
.title-textwrap ul {
	margin: 0;
	padding: 0 4em;
	list-style-type: none;
}
.title-textwrap li {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.title-textwrap h2 {
	margin: 0;
	padding: 0.41em 0.5em 0.41em 1em;
	font-size: 230%;
}
li.title-s {
	display: block;
	margin: 0;
	padding: 0px 1.85em 0px 0px;
	font-size: 123.1%;
	color: #AAA;
}
/*タイトル2　title-sなし*/
.titlewrap2 {
	margin: 33px 0;
	padding: 0;
	background: url(../../images/DPE/bg_title.gif) repeat;
	line-height: 66px;
	overflow: hidden;
}
.title-textwrap2 {
	margin: 0;
	padding: 0;
}
.title-textwrap2 ul {
	margin: 0;
	padding: 0 4em;
	list-style-type: none;
}
.title-textwrap2 li {
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF;
}
.title-textwrap2 h2 {
	margin: 0;
	/*padding: 0px 1em;*/
	padding: 0.41em 1em;
	font-size: 230%;
}
/*ボックス*/
.box00 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.box01 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
.box-col1 {
	float: left;
	width: 32.33%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col2 {
	float: left;
	width: 32.33%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col3 {
	float: left;
	width: 32.33%;
	margin: 0;
	padding: 0;
}
.spaceimg {
	margin: 0;
	padding: 1em 0;
}
.spaceimg01 {
	margin: 0;
	padding: 0 0 1em 0;
}
.space-bottom01 {
	margin: 0;
	padding-bottom: 0;
}

.box-col1,
.box-col2,
.box-col3, h3 {
	margin: 0;
	padding-bottom: 0.3em;
}
.box02 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box02 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box02 p {
	line-height: 180%;
}
.box03 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box04 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box04 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box04 p {
	line-height: 180%;
}
.box04 ol {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box04 ol li {
	list-style-type: decimal;
	line-height: 180%;
}
.box04 ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box04 ul li {
	line-height: 180%;
	list-style-type: disc;
}
.box04 h4 {
	margin: 1em 0 0 0;
	line-height: 180%;
}
.box05 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box05 h3 {
	margin: 45px 0px 20px 0px;
	padding: 0;
}
.box05 p {
	line-height: 180%;
}
.box05 ol {
	margin: 0 0 1em 0;
	padding-left: 2.3em;
}
.box05 ol li {
	list-style-type: decimal;
	line-height: 180%;
	font-weight: bold;
}
.box05 ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
.box05 ul li {
	line-height: 180%;
	list-style-type: disc;
	font-weight: normal;
}
.box05 h4 {
	margin: 1em 0 0 0;
	line-height: 180%;
}
.box06 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}
.box07 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	clear: both;
	overflow: hidden;
}
.box08 {
	margin: 15px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.border-green {
	border: solid 1px #7ABA42;
}
.border-blue {
	border: solid 1px #3397BB;
}
.border-red {
	border: solid 1px #E74C3C;
}
hr.hr01 {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dotted #E0E0E0;
	margin: 2em 0;
	padding: 0;
	clear: both;
}
.main-content2 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-top33 {
	margin: 33px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-top66 {
	margin: 66px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}
.box-bottom33 {
	margin: 0px 0px 33px 0px;
	padding: 0;
	overflow: hidden;
}
.box-bottom66 {
	margin: 0px 0px 66px 0px;
	padding: 0;
	overflow: hidden;
}

.box-col4-1n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-2n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-3n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding-right: 1.5%;
}
.box-col4-4n {
	float: left;
	width: 23.875%;
	margin: 0;
	padding: 0;
}
.title-circle {
	margin: 0;
	padding: 0.5em 0 0.5em 0.5em;
	background: #F4F4F4;
}
.title-circle img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-green {
	margin: 0;
	padding: 1.5em 0 0.5em ;
}
.title-circle-green img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-green2 {
	margin: 0;
	padding: 0 0 0.5em ;
}
.title-circle-green2 img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-red {
	margin: 0;
	padding: 1.5em 0 0.5em ;
}
.title-circle-red img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}
.title-circle-red2 {
	margin: 0;
	padding: 0 0 0.5em ;
}
.title-circle-red2 img {
	margin: 0;
	padding: 0 0.5em 0.1em 0;
}

.circle-green {
	margin: 0;
	padding: 0;
}
.circle-green ul {
	list-style-type: none;
}
.circle-green li {
	background: url(../../images/DPE/icon_circle_green.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-red {
	margin: 0;
	padding: 0;
}
.circle-red ul {
	list-style-type: none;
}
.circle-red li {
	background: url(../../images/DPE/icon_circle_red.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-blue {
	margin: 0;
	padding: 0;
}
.circle-blue ul {
	list-style-type: none;
}
.circle-blue li {
	background: url(../../images/DPE/icon_circle_blue.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.circle-gray {
	margin: 0;
	padding: 0;
}
.circle-gray ul {
	list-style-type: none;
}
.circle-gray li {
	background: url(../../images/DPE/icon_circle_gray.png);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}


/*テーブル*/
.tablewrap {
	margin: 0;
	padding: 0;
}
.tablewrap table {
	width: 100%;
}
.tablewrap th
,.tablewrap td {
	text-align: center;
	border: solid 1px #AAA;
	/*line-height: 260%;*/
	/*vertical-align: middle;*/
	padding: 0.7em !important;
}
.fontsize-s01 th {
	font-size: 100% !important;
	letter-spacing: normal;
}
.fontsize-s01 td {
	font-size: 100%;
}
.bg-gray {
	background: #DBDBDB !important;
}
.bg-gray02 {
	background: #959499 !important;
}
.bg-gray03 {
	background: #333 !important;
}
.bg-gray04 {
	background: #F0F0F0 !important;
}
.bg-pink {
	background: #FE93B9 !important;
}
.bg-green {
	background: #7ABA42 !important;
}
.bg-blue {
	background: #3397BB !important;
}
.bg-red {
	background: #E74C3C !important;
}
.tablewrap th {
	background: #DBDBDB;
	font-size: 100%;
}
.bg-pink2 {
	background: #FF007F !important;
}

/*
.tablewrap img {
	width: 100%;
}
*/
.table-cell2 td {
	width: 50%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.table-cell2 p {
	line-height: 1.6em;
}
.table-cell3 td {
	width: 33.33%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.table-cell3 p {
	line-height: 1.6em;
}
.table-cell4 td {
	margin: 0;
	padding: 0;
	width: 25%;
	vertical-align: middle;
}
.table-cell4 p {
	line-height: 1.6em;
}
.table-cell5 td {
	margin: 0;
	padding: 0;
	width: 20%;
	vertical-align: middle;
}
.table-cell5 p {
	line-height: 1.6em;
}

.box-line {
	margin: 0 0 33px 0;
	padding: 1em;
	line-height: 180%;
	border: solid 1px #AAA;
}
.box-line h3 {
	font-size: 108%;
}
/*Q&A*/
.qawrap {
	margin: 0;
	padding: 0;
}
.qawrap ul {
	margin: 0;
	padding: 0;
}
.qawrap li {
	margin: 0;
	padding: 0.2em 0;
	line-height: 160%;
	font-size: 108%;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.boxline04 {
	margin: 33px 0 0 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	display: block;
	overflow: hidden;
}
.title-etc02 {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	background: #F4F4F4;
}
.title-etc02 h2 {
	margin: 0 1em;
	padding: 0.7em 0;
	line-height: 160%;
	font-size: 108%;
	text-decoration: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.box-etc {
	margin: 0;
	padding: 0.5em;
	line-height: 160%;
}
.pagetop02 {
	margin: 0.5em 0 1em 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
}
.pagetop02 img {
	padding-right: 0.3em;
}
.pagetop02 a {
	text-decoration: none;
}
.list-num {
	margin: 0;
	padding: 0;
}
ol.list-num {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}
ol.list-num li {
	margin: 0 0 0 24px;
	padding: 0;
	font-size: 100%;
}
.icon-q {
	margin: 0;
	padding-right: 0.5em;
	font-weight: bold;
}


/*20140508ログイン追加分*/
.box-login  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-login-gest  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-login-member  {
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.box-member {
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	display: block;
	overflow: hidden;
}
.box-member-left {
	float: left;
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	width: 49.2%;
	overflow: hidden;
}
.box-member-right {
	float: right;
	margin: 0;
	padding: 0;
	border: solid 1px #DBDBDB;
	background: #F4F4F4;
	width: 49.2%;
	overflow: hidden;
}
.title-member {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	background: #DBDBDB;
}
.title-member h2 {
	margin: 0;
	padding: 0.6em 0.5em;
	font-size: 123.1%;
}
.box-member-content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*position: relative;
	min-height: 100%;
	height: 220px;*/
}
.memberwrap-top01 {
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.memberwrap-top02 {
	margin: 0 auto;
	padding: 1em;
	clear: both;
	overflow: hidden;
}
.memberwrap-bottom {
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	clear: both;
	overflow: hidden;
	width: 100%;
	/*position: absolute;
	bottom: 0;*/
}
.box-member-contents01,.box-member-contents02 h3 {
	font-size: 100%;
}
.login-member {
	margin: 0 auto;
	padding: 0;
	width: 20em;
	text-align: center;
	clear: both;
}
.login-member dl {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.login-member dt {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
	display: block;
	text-align: right;
	width: 8em;
	font-weight: bold;
	clear: both;
}
.login-member dd {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 30px;
	display: block;
	text-align: left;
	width: 12em;
}
.button-black03
{
	margin: 0;
	padding: 0 0 10px;
	display: block;
	text-align: center;
}
.button-black03 a {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 10%;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black03 a:hover {
	background: #121212;
	border: 1px solid #000;
	padding: 10px 10%;
	color: #FFF;
	text-decoration: none;
}
.button-black03 a:visited {
	color: #FFF;
}
.button-black03 label {
	display: inline-block;
	background: #262626;
	background:-webkit-gradient(linear, left top, left bottom, from(#5F6167), to(#262626));
	background:-moz-linear-gradient(top, #5F6167, #262626);
	border: 1px solid #000;
	color: #FFF;
	padding: 10px 10%;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button-black03 label:hover {
	background: #121212;
	border: 1px solid #000;
	padding: 10px 10%;
	color: #FFF;
	text-decoration: none;
}
.button-black03 label:visited {
	color: #FFF;
}
.login-textarea {
	width: 12em;
	padding-left: 5px;
}
.login-label {
	padding-right: 5px;
}
.login-checkbox {
	line-height: 50px;
}
}

/* Sサイズ : 480 px およびそれ以下. */
/*お客様情報入力
------------------------------------------------------*/
.customer-infotable th,td {
	margin: 0;
	padding: 0;
	border: none;
	color: #333;
	text-align: left;
	display: block;
}
.customer-infotable th {
	margin: 0;
	padding: 0;
}
.customer-infotable td 
{
	vertical-align: middle;
    border-bottom: 1px solid #DBDBDB;
}
.customer-infotable tbody th {
	margin: 0;
	padding: 2% 0;
}
/*
.customer-infotable td {
	margin: 0;
	padding: 1% 0px;
}*/
table.customer-infotable {
	width: 100%;
	border: none;
}
.customer-infotable h4 {
	margin: 0px 0px 1em 0px;
	padding: 0 1.2em;
	background:rgb(244, 244, 244);
	line-height: 39px;
}
.customer-infotable p {
	margin: 0;
	padding: 0 1.2em;
}
.customer-infotable p input {
	width: 100%;
}
.textfield {
	width: 100%;
}
.textarea {
	width: 100%;
	height: 150px;
}

/*ご注文内容確認
------------------------------------------------------*/

.box-printsummary-wrapper {
	margin: 2% 0 4% 0;
	padding: 0;
}
.box-printsummary-check {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	background: #FFF !important;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable-check th,td {
	margin: 0;
	padding: 2%;
	border: none;
	vertical-align: middle;
}
.printtable-check td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable-check {
	width: 100%;
	border: none;
}
.printtable-check-col1 {
	margin: 0;
	padding: 10px;
	/* width: 30%; */
}
.printtable-check-col2 {
	margin: 0;
	padding: 0;
	/* width: 70%;*/
}
td.printtable-check-col3 {
	margin: 0;
	text-align: center;
}
.printtable-check-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 100%;
	max-width: 200px;
}
.printtable-check-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary-check {
	margin: 0;
	padding: 0;
}
.printsummary-check ul {
	margin: 0;
	padding: 0;
}
.printsummary-check li p {
	float: left;
	margin: 0;
	padding: 0 1% 0 0;
}
.printsummary-check li {
	margin: 0;
	padding: 0.5% 0;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}
.box-printsummary-check-bordertop {
	border-top: solid 1px #DBDBDB;
}
/*注文完了*/
.main-content3 p {
	font-size: 182%;
}

/*写真アップロード画面
------------------------------------------------------*/
.box-printorder {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.printorder-left {
	float: left;
}
.printorder-right {
	float: right;
}
.printorder-left p {
	margin: 0;
	padding: 0;
}
.printorder-right p {
	margin: 0;
	padding: 0;
}

#printheader {
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: auto;
	text-align: right;
	border: solid 1px #DBDBDB;
	overflow: hidden;
}
#printheader ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333;
	background: #E6E6E6;
}
#printheader li {
	display: inline;
	margin: 0;
	padding: 5px;
	list-style-type: none;
	line-height: 37px;
}
.bg01 {
	background: #242415;
}
.bg02 {
	background: #EEECE3;
}
.bg03 {
	background: #DFDFD0;
}
.printphoto-col1 {
	margin: 0;
	padding: 0;
	width: 12%;
}
.printsize-width {
	width: 7em;
	text-align: left;
}
.box-uploadwrap {
	padding-top: 20px;
}
.box-upload {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
}
.box-check {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}
.box-check ul {
	margin: 0;
	padding: 0;
}
.box-check li {
	float: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.box-check p {
	padding-right: 8px;
}
.box-check li.verygood {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_verygood.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.good {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_good.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.soso {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_soso.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.bad {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_bad.png);
	background-repeat: no-repeat;
	line-height: 17px;
}

/*--テーブル--*/
.box-printsummary {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable 
{
	table-layout:fixed;
}
.printtable th,td {
	margin: 0;
	/*padding: 2%;*/
	border: none;
	vertical-align: middle;
	display: block;
}
.printtable td {
	margin: auto;
	padding: 2% 0px;
}
table.printtable {
	width: 100%;
	border: none;
}
.printtable-col1 {
	margin: 0;
	padding: 5% 0;
	width: 100%;
}
.printtable-col2 {
	margin: 0;
	padding: 10%;
	width: 90%;
}
.printtable-col3 {
	margin: 0;
	padding: 10%;
	width: 90%;
}
td.printtable-col3 {
	margin: 0;
	text-align: center;
}
.printtable-col1 img {
	margin: 0;
	padding: 0px 5% 5% 5%;
}
.printtable-thumb 
{
	width: 90%;
}
.printtable-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary {
	margin: 0;
	padding: 0;
}
.printsummary ul {
	margin: 0;
	padding: 0;
	border-top: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
}
.printsummary li p {
	float: left;
	margin: 0;
	padding: 1%;
}
.printsummary li {
	margin: 0;
	padding: 1%;
	list-style-type: none;
	border-right: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	overflow: hidden;
	clear: both;
}
.printsummary li:first-child {
	border-top: solid 1px #DBDBDB;
}

/*
.printsummary-bordertop {
	border-top: solid 1px #DBDBDB;
}*/
.size {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.input {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

/*お客様情報入力
------------------------------------------------------*/
div#regist_form input[type="text"]
{
	width: 200px;
}
div#regist_form input[type="password"]
{
	width: 200px;
}

#acceptance {
	width: 20px;
}

/*html直書き分
------------------------------------------------------*/       
/*        .box-printsummary
        {
            display: block;
        }
        li.printsummary-bordertop p.size
        {
            display: inline; 
            width: 100%;
        }
        li.printsummary-bordertop div.input 
        {
            margin-left: auto; 
            margin-right: 0px; 
            white-space: nowrap;
            width: 100%;
        }*/
/*アップロード画面
------------------------------------------------------*/
/*.printtable table tbody{ 
	display: -webkit-box;
	overflow-x: auto;
}
.box-printsummary,.printtable,.printtable-col1,.printtable-col2,.printtable-col3 table tr,
.printtable th,
.printtable td,
.box-printsummary table th,
.box-printsummary table td 
{
	display: block;
}
.box-printsummary {
	margin: 0 auto;
	padding: 5%;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable th,td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
.printtable td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable {
	width: 100%;
	border: none;
}
.printtable-col1 
{
	margin: 0;
	padding: 0;
	width: 100%;
}
.printtable-col2 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.printtable-col3 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.printtable-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
}
.printtable-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary {
	margin: 0;
	padding: 0;
}
.printsummary ul {
	margin: 0;
	padding: 0;
}
.printsummary li p {
	float: left;
	margin: 0;
	padding: 1% 0px;
}
.printsummary li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #AAA;
	overflow: hidden;
	clear: both;
}
.printsummary-bordertop {
	border-top: solid 1px #AAA;
}
        .dialog table td
        {
            display: inline-block;
            padding: 10px 0 0 0 0;
        }
        .dialog_image_view
        {
            padding: 0 0 200px 0;
            min-width: 200px;
        }
        .dialog_image
        {
            max-height: 200px;
        }
        .dialog-fileinfo
        {
            display: none;
        }*/
#imageSelectMsg {
	display: none;
}
.totalwrap {
	float: right;
	margin: 0;
	padding:  0 0 20px 0;
	overflow: hidden;
}
.total table {
	margin: 0;
	padding: 0;
}
.total td {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 0;
}
.total th {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 0;
	font-weight: normal;
}
.text-total p {
	font-weight: bold;
	padding: 5px 0;
}
.text-total-item p {
	padding: 5px 0 15px 0;
	text-align: left;
	font-weight: bold;
}
.text-upload-num p {
	padding: 5px 0 15px 0;
	text-align: right;
	font-weight: nomal;
}

/* Mサイズ : 481 px ～ 768 px。*/
@media only screen and (min-width: 481px) {
/*お客様情報入力
------------------------------------------------------*/
.customer-infotable th,td {
	margin: 0;
	padding: 0;
	border: none;
    border-bottom: 1px solid #DBDBDB;
	color: #333;
	text-align: left;
	display: table-cell;
}
.customer-infotable th {
	margin: 0;
	padding: 0;
}
.customer-infotable td 
{
	vertical-align: middle;
}
.customer-infotable tbody th {
	margin: 0;
	padding: 2% 0;
}
/*
.customer-infotable td {
	margin: 0;
	padding: 1% 0px;
}*/
table.customer-infotable {
	width: 100%;
	border: none;
}
.customer-infotable h4 {
	margin: 0px 0px 1em 0px;
	padding: 0 1.2em;
	background:rgb(244, 244, 244);
	line-height: 39px;
}
.customer-infotable p {
	margin: 0;
	padding: 0 1.2em;
}
.customer-infotable p input {
	width: 50%;
}
.textfield {
	width: 100%;
}
.textarea {
	width: 100%;
	height: 150px;
}

/*ご注文内容確認
------------------------------------------------------*/

.box-printsummary-wrapper {
	margin: 2% 0 4% 0;
	padding: 0;
}
.box-printsummary-check {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable-check th,td {
	margin: 0;
	padding: 2%;
	border: none;
	vertical-align: middle;
}
.printtable-check td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable-check {
	width: 100%;
	border: none;
}
.printtable-check-col1 {
	margin: 0;
	padding: 10px;
	width: 20%;
}
.printtable-check-col2 {
	margin: 0;
	padding: 0;
	width: 80%;
}
td.printtable-check-col3 {
	margin: 0;
	text-align: center;
}
.printtable-check-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 100%;
	max-width: 200px;
}
.printtable-check-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary-check {
	margin: 0;
	padding: 0;
}
.printsummary-check ul {
	margin: 0;
	padding: 0;
}
.printsummary-check li p {
	float: left;
	margin: 0;
	padding: 0 1% 0 0;
}
.printsummary-check li {
	margin: 0;
	padding: 0.5% 0;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}
.box-printsummary-check-bordertop {
	border-top: solid 1px #DBDBDB;
}
/*注文完了*/
.main-content3 p {
	font-size: 182%;
}

/*写真アップロード画面
------------------------------------------------------*/
.box-printorder {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.printorder-left {
	float: left;
}
.printorder-right {
	float: right;
}
.printorder-left p {
	margin: 0;
	padding: 0;
}
.printorder-right p {
	margin: 0;
	padding: 0;
}

#printheader {
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: auto;
	text-align: right;
	border: solid 1px #DBDBDB;
	overflow: hidden;
}
#printheader ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333;
	background: #E6E6E6;
}
#printheader li {
	display: inline;
	margin: 0;
	padding: 5px;
	list-style-type: none;
	line-height: 37px;
}
.bg01 {
	background: #242415;
}
.bg02 {
	background: #EEECE3;
}
.bg03 {
	background: #DFDFD0;
}
.printphoto-col1 {
	margin: 0;
	padding: 0;
	width: 12%;
}
.printsize-width {
	width: 7em;
	text-align: left;
}
.box-uploadwrap {
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}
.box-upload {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	bottom: 0;
}
.box-check {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
.box-check ul {
	margin: 0;
	padding: 0;
}
.box-check li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.box-check p {
	padding-right: 8px;
}
.box-check li.verygood {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_verygood.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.good {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_good.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.soso {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_soso.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.bad {
	margin: 0.5% 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_bad.png);
	background-repeat: no-repeat;
	line-height: 17px;
}

/*--テーブル--*/
.box-printsummary {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable 
{
	table-layout:fixed;		
}

.printtable th,td {
	display: table-cell;
	margin: 0;
	/*padding: 2%;*/
	border: none;
	vertical-align: middle;
}
.printtable td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable {
	width: 100%;
	border: none;
}
.printtable-col1 {
	margin: 0;
	padding: 10px;
	width: 20%;
}
.printtable-col2 {
	margin: 0;
	padding: 0;
	width: 60%;
}
.printtable-col3 {
	margin: 0;
	padding: 1%;
	width: 20%;
}
td.printtable-col3 {
	margin: 0;
	text-align: center;
}
.printtable-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
}
.printtable-thumb 
{
	width: 95%;
	max-width: 200px;
}
.printtable-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary {
	margin: 0;
	padding: 0;
}
.printsummary ul {
	margin: 0;
	padding: 0;
	border-top: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
}
.printsummary li p {
	float: left;
	margin: 0;
	padding: 1%;
}
.printsummary li {
	margin: 0;
	padding: 1%;
	list-style-type: none;
	border-right: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	overflow: hidden;
	clear: both;
}
.printsummary li:first-child {
	border-top: solid 1px #DBDBDB;
}

/*
.printsummary-bordertop {
	border-top: solid 1px #DBDBDB;
}*/
.size {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.input {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

/*お客様情報入力
------------------------------------------------------*/
div#regist_form input[type="text"]
{
	width: 200px;
}
div#regist_form input[type="password"]
{
	width: 200px;
}

#acceptance {
	width: 20px;
}

/*html直書き分
------------------------------------------------------*/       
/*        .box-printsummary
        {
            display: block;
        }
        li.printsummary-bordertop p.size
        {
            display: inline; 
            width: 100%;
        }
        li.printsummary-bordertop div.input 
        {
            margin-left: auto; 
            margin-right: 0px; 
            white-space: nowrap;
            width: 100%;
        }
/*アップロード画面
------------------------------------------------------*/
/*.printtable table tbody{ 
	display: -webkit-box;
	overflow-x: auto;
}
.box-printsummary,.printtable,.printtable-col1,.printtable-col2,.printtable-col3 table tr,
.printtable th,
.printtable td,
.box-printsummary table th,
.box-printsummary table td 
{
	display: block;
}
.box-printsummary {
	margin: 0 auto;
	padding: 5%;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable th,td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
.printtable td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable {
	width: 100%;
	border: none;
}
.printtable-col1 
{
	margin: 0;
	padding: 0;
	width: 100%;
}
.printtable-col2 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.printtable-col3 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.printtable-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
}
.printtable-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary {
	margin: 0;
	padding: 0;
}
.printsummary ul {
	margin: 0;
	padding: 0;
}
.printsummary li p {
	float: left;
	margin: 0;
	padding: 1% 0px;
}
.printsummary li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #AAA;
	overflow: hidden;
	clear: both;
}
.printsummary-bordertop {
	border-top: solid 1px #AAA;
}
        .dialog table td
        {
            display: inline-block;
            padding: 10px 0 0 0 0;
        }
        .dialog_image_view
        {
            padding: 0 0 200px 0;
            min-width: 200px;
        }
        .dialog_image
        {
            max-height: 200px;
        }
        .dialog-fileinfo
        {
            display: none;
        }
    .dialog_image_view
    {
        position: relative;
        margin-right: 5px; /*margin: 0 auto;*/
  /*  }
    .dialog_image_view canvas
    {
        position: absolute;
    }
    .dialog_image_view div
    {
        position: absolute;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        color: red;
        font-size: xx-large;
        border: 3px solid red;
    }
    .dialog_image
    {
        position: absolute;
    }
    .selected
    {
        background-color:#F0E68C;
    }*/
#imageSelectMsg {
	display: none;
}
.totalwrap {
	float: right;
	margin: 0;
	padding:  0 0 20px 0;
	overflow: hidden;
}
.total table {
	margin: 0;
	padding: 0;
}
.total td {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 0;
}
.total th {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 0;
	font-weight: normal;
}
.text-total p {
	font-weight: bold;
	padding: 5px 0;
}
.text-total-item p {
	padding: 5px 0 15px 0;
	text-align: left;
	font-weight: bold;
}
.text-upload-num p {
	padding: 5px 0 15px 0;
	text-align: right;
	font-weight: nomal;
}

}

/* Lサイズ : 769 px ～最大 1232 px。*/
@media only screen and (min-width: 769px) {
/*お客様情報入力
------------------------------------------------------*/
.customer-infotable th,td {
	margin: 0;
	padding: 0;
	border: none;
	color: #333;
	text-align: left;
	display: table-cell;
}
.customer-infotable th {
	width: 250px;
	margin: 0;
	padding: 0;
}
.customer-infotable td 
{
	vertical-align: middle;
	border: none;
}
.customer-infotable tbody th {
	margin: 0;
	padding: 2% 0;
}
.customer-infotable td {
	margin: 0;
	padding: 1% 0px;
}
table.customer-infotable {
	width: 100%;
	border: none;
}
.customer-infotable h4 {
	margin: 0px 0px 1em 0px;
	padding: 0 1.2em;
	background:rgb(244, 244, 244);
	line-height: 39px;
}
.customer-infotable p {
	margin: 0;
	padding: 0 1.2em;
}
.customer-infotable p input {
	width: 50%;
}
.textfield {
	width: 100%;
}
.textarea {
	width: 100%;
	height: 150px;
}

/*ご注文内容確認
------------------------------------------------------*/

.box-printsummary-wrapper {
	margin: 2% 0 4% 0;
	padding: 0;
}
.box-printsummary-check {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable-check th,td {
	margin: 0;
	padding: 2%;
	border: none;
	vertical-align: middle;
}
.printtable-check td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable-check {
	width: 100%;
	border: none;
}
.printtable-check-col1 {
	margin: 0;
	padding: 10px;
	width: 20%;
}
.printtable-check-col2 {
	margin: 0;
	padding: 0;
	width: 80%;
}
td.printtable-check-col3 {
	margin: 0;
	text-align: center;
}
.printtable-check-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 100%;
	max-width: 200px;
}
.printtable-check-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary-check {
	margin: 0;
	padding: 0;
}
.printsummary-check ul {
	margin: 0;
	padding: 0;
}
.printsummary-check li p {
	float: left;
	margin: 0;
	padding: 0 1% 0 0;
}
.printsummary-check li {
	margin: 0;
	padding: 0.5% 0;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}
.box-printsummary-check-bordertop {
	border-top: solid 1px #DBDBDB;
}
/*注文完了*/
.main-content3 p {
	font-size: 182%;
}

/*写真アップロード画面
------------------------------------------------------*/
.box-printorder {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.printorder-left {
	float: left;
}
.printorder-right {
	float: right;
}
.printorder-left p {
	margin: 0;
	padding: 0;
}
.printorder-right p {
	margin: 0;
	padding: 0;
}

#printheader {
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: auto;
	text-align: right;
	border: solid 1px #DBDBDB;
	overflow: hidden;
}
#printheader ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333;
	background: #E6E6E6;
}
#printheader li {
	display: inline;
	margin: 0;
	padding: 5px;
	list-style-type: none;
	line-height: 37px;
}
.bg01 {
	background: #242415;
}
.bg02 {
	background: #EEECE3;
}
.bg03 {
	background: #DFDFD0;
}
.printphoto-col1 {
	margin: 0;
	padding: 0;
	width: 12%;
}
.printsize-width {
	width: 7em;
	text-align: left;
}
.box-uploadwrap {
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}
.box-upload {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	bottom: 0;
}
.box-check {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
.box-check ul {
	margin: 0;
	padding: 0;
}
.box-check li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.box-check p {
	padding-right: 8px;
}
.box-check li.verygood {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_verygood.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.good {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_good.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.soso {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_soso.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.box-check li.bad {
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(../../images/DPE/icon_bad.png);
	background-repeat: no-repeat;
	line-height: 17px;
}

/*--テーブル--*/
.box-printsummary {
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
	text-align: center;
	clear: both;
	overflow: hidden;
}
.printtable 
{
	table-layout:fixed;
}
.printtable th,td {
	display: table-cell;
	margin: 0;
	/*padding: 2%;*/
	border: none;
	vertical-align: middle;
}
.printtable td {
	margin: 0;
	padding: 2% 0px;
}
table.printtable {
	width: 100%;
	border: none;
}
.printtable-col1 {
	margin: 0;
	padding: 10px;
	width: 20%;
}
.printtable-col2 {
	margin: 0;
	padding: 0;
	width: 60%;
}
.printtable-col3 {
	margin: 0;
	padding: 1%;
	width: 20%;
}
td.printtable-col3 {
	margin: 0;
	text-align: center;
}
.printtable-col1 img {
	margin: 0;
	padding: 0px 0px 10px 0px;
}
.printtable-thumb 
{
	width: 95%;
	max-width: 200px;
}
.printtable-col2 p {
	margin: 0;
	padding: 0px 0px 1% 0px;
	text-align: left;
}
.printsummary {
	margin: 0;
	padding: 0;
}
.printsummary ul {
	margin: 0;
	padding: 0;
	border-top: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	border-left: solid 1px #DBDBDB;
}
.printsummary li p {
	float: left;
	margin: 0;
	padding: 1%;
}
.printsummary li {
	margin: 0;
	padding: 1%;
	list-style-type: none;
	border-bottom: solid 1px #DBDBDB;
	overflow: hidden;
	clear: both;
}
.printsummary li:first-child {
	border-top: solid 1px #DBDBDB;
}
/*
.printsummary-bordertop {
	border-top: solid 1px #DBDBDB;
}*/
.size {
	float: left;
	margin: 0;
	padding: 0;
	width: 30%;
}
.input {
	float: right;
	margin: 0;
	padding: 0;
	width: 68%;
	text-align: right;
}


/*お客様情報入力
------------------------------------------------------*/
div#regist_form input[type="text"]
{
	width: 200px;
}
div#regist_form input[type="password"]
{
	width: 200px;
}

#acceptance {
	width: 20px;
}

/*html直書き分
------------------------------------------------------*/
/*    li.printsummary-bordertop p.size
    {
        width: 28%;
        display: inline-block;
    }
    li.printsummary-bordertop div.input 
    {
        display: inline-block; 
        margin-left: auto; 
        margin-right: 0px; 
        width: 62%;
        white-space: nowrap;
    }

    .drop_panel
    {
        border-width: 3px;
        border-style: dashed;
        background-color: White;
        font-size: 30px;
        opacity: 0.6;
        position: absolute;
        zindex: '1';
        display: none;
        width: 100%;
        height: 100%;
    }

    .dialog_image_view
    {
        position: relative;
        margin-right: 5px; /*margin: 0 auto;*/
    /*}
    .dialog_image_view canvas
    {
        position: absolute;
    }
    .dialog_image_view div
    {
        position: absolute;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        color: red;
        font-size: xx-large;
        border: 3px solid red;
    }
    .dialog_image
    {
        position: absolute;
    }
    .selected
    {
        background-color:#F0E68C;
    }*/
#imageSelectMsg {
	display: block;
}
.totalwrap {
	float: right;
	margin: 0;
	padding:  0 0 20px 0;
	overflow: hidden;
}
.total table {
	margin: 0;
	padding: 0;
}
.total td {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 0;
}
.total th {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 0;
	font-weight: normal;
}
.text-total p {
	font-weight: bold;
	padding: 5px 0;
}
.text-total-item p {
	padding: 5px 0 15px 0;
	text-align: left;
	font-weight: bold;
}
.text-upload-num p {
	padding: 5px 0 15px 0;
	text-align: right;
	font-weight: nomal;
}


}