/* Web Common Style Sheets File */
/* Copyright (C) 2006-2013 softpia.co.jp */

/* ----- 文章構造 -------------------------------------- */

/* 基本設定 */
* {	font-size:10pt; line-height:1.4em; }
/* ページ全体 */
body { text-align:left;	background-color:#FFFFFF; margin:0px; /*scrollbar-base-color:#FFFFFF;	scrollbar-shadow-color:#FFFFFF;	scrollbar-arrow-color:#666680; scrollbar-3dlight-color:#666680; scrollbar-darkshadow-color:#666680; scrollbar-track-color:#FFFFFF;*/ }
/* フッターfooter */
div#footer { font-size:x-small;	line-height:1.3em; }
/* フッターfooterinner */
div#footerinner { color:#939598; font-size:xx-small; line-height:1.3em; }
/* ドキュメント */
.document {	text-align:left; color:#000000;	width:550px; padding:20px 10px;	background-color:#FFFFFF; }
/* フォント */
body,th,td,.document { font-family:'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka; }
/* マージン */
p,li,dt,dd,pre { margin-left:0px; margin-right:0px; }
/* 画像 */
img { border:#000000 0px solid; }
/* 水平線 */
hr { border:#606060 3px double;	height:1px; }
/* 警告メッセージ */
.warning { color:#FF0000; font-weight:bold; }
/* font */
.textS1 { font-size:11px; line-height:1.2em; }
.textS1 a {	font-size:11px; }
.textS1 a:hover { font-size:11px; }
.center { text-align:center; }
.left  { text-align:left; }
.right { text-align:right; }

.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 80px; /* バナーの上下の位置 */
    right: 40px; /* バナーの左右の位置 */
}
.pc {
    width: 300px; /* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
    }
}

/* ----- トップページ 
.tn1 {　color:#666666;　margin:2px 0px 2px 0px;　width:750px;　}
.tn1 h1 {　font-size:10px;　margin:0px;　font-weight:normal;　float:left;　padding:0px;	text-align:left;　color:#001884;	border-left:none;　border-bottom:none;　}
.tn1 em {　font-size:10px;　font-style:normal;　float:left;　text-align:left;　}
.tn1 em a:link {　text-decoration:none;　color:#d90000;　font-size:10px;　}
.tn1 em a:visited {	text-decoration:none;　color:#d90000;　font-size:10px;　}
.tn1 em a:hover {　text-decoration:underline;　color:#d90000;	font-size:10px;　}
.tn1 em a:active {　text-decoration:none;　color:#d90000;	font-size:10px;　}
strong { font-weight:normal; }
.stbold { font-weight:bold; }
.clr { clear:both; }-------------------------------------- */

/* ----- default.htmテキスト -------------------------------------- */
.tn1 { color:#666666; margin:0px; width:750px; }
.tn1 h1 { font-size:10px; margin:0px; font-weight:normal; float:left; padding:0px; text-align:left;	color:#001884; border-left:none; border-bottom:none; }
.tn1 em { font-size:10px; font-style:normal; float:left; text-align:left; }
.tn1 em a:link { text-decoration:none; color:#d90000; font-size:10px; }
.tn1 em a:visited {	text-decoration:none; color:#d90000; font-size:10px; }
.tn1 em a:hover { text-decoration:underline; color:#d90000;	font-size:10px; }
.tn1 em a:active { text-decoration:none; color:#d90000;	font-size:10px; }
.strong { font-weight:normal; }
.stbold { font-weight: bold; }
.clr { clear:both; }
.strike { font-weight:normal; }



/* ----- 基本構造 -------------------------------------- */
/* タイトル */
.title { text-align:center; }
/* リンク */
.link {	text-align:left;}
/* 投稿フォーム */
.form {	text-align:center; padding:30px; border:#666680 3px double; }
/* ページナビゲーター */
.navi {	text-align:center; }
/* 投稿記事 */
.log { text-align:center; }
/* ＰＲエリア */
.prarea { text-align:left; color:#666666; font-size:10px; }
/* 最新ニュース */
div#news { float:left; width:530px; margin-left:20px; margin-top:0px; background-color:#fff; }
#news dl { float:left; width:530px; border:1px solid #ccc; overflow:auto; height:220px; margin-right:auto; margin-left:auto; padding-top:0px; padding-left:2px; }
#news dt { float:left; width:530px; font-weight:bold; padding-left:10px; }
#news dd { float:left; width:530px; border-bottom:1px dotted #ccc; font:100%/1.2 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; padding-left:10px; }


.download {
	text-align:center;
	color:#000;
	font-size:11pt;
	font-weight：bold;
	border:#666666 2px double;
	width:80%;
	padding:0px;
	margin-left:50px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px；
	background-color:#d9d9d9;
}

.newstext {
	text-align : left ;
	color : #000000 ;
	font-size : 12px ;
	font-weight: bold;
	padding-left: 10px ;
	border-bottom-style: dotted; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px;
}

.newstext2 {
	text-align : left ;
	color : #000000 ;
	font-size : 12px ;
	padding-left: 10px ;
	border-bottom-style: dotted; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px;
}

.minitextL {
	text-align : left ;
	color : #666666 ;
	font-size : 10px ;
	padding-left: 10px ;
}

.minitextR {
	text-align : right ;
	color : #666666 ;
	font-size : 12px ;
	padding-right: 10px ;
}

.text12L20 {
	text-align : left ;
	color : #000000 ;
	font-size : 12px ;
	padding-left: 20px ;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
}

.historytext {
	text-align : left ;
	color : #000000 ;
	font-size : 12px ;
	padding-left: 10px ;
	border-bottom-style: dotted; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px;
}

.h1 {
	color:#fff;
	border-top : #fff 1px solid;	
	border-left : #fff 1px solid;
	border-right : #fff 1px solid;	
	background-color:#b4c3d7;
}

.h4 {
	background-image: url(../images/pop1.jpg);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 14px;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #000000;
	margin: 10px 0px 11px;
	border-bottom : #CCCCCC 1px solid ;
}

.ML10 {
	margin-left:10px;				
}

.MB10 {
	margin-bottom:10px;				
}

/* トピックス */
.topics {
	text-align : left ;
	color : #000000 ;
	font-size : 12pt ;
	border : #476a9d 1px solid ;
	padding: 0px ;
	margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px;
}

.topics_g {
	text-align : left ;
	color : #000000 ;
	font-size : 12pt ;
	border : #cccccc 1px solid ;
	padding: 0px ;
	margin-left:10px; margin-top:0px; margin-right:0px; margin-bottom:20px;
}

.topics_r {
	background-image: url(../images/pop3.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #FF0000;
	margin: 0px 0px 0px;
	background-color : #EFEFEF ;
}

.topics_cat {
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #000;
	margin: 0px 0px 0px;
	border:#cccccc 1px solid;
	background-color:#f1f1f1;
}


/* ＱＡ */
.qa {
	color : #000000 ;
	border : #AAAAAA 1px solid ;
	font-size : 14px ;
	font-weight: bold;
	padding : 20px ;
	padding-left: 80px;
	background-color : #FFFFFF ;
	background-image: url(../FAQ/images/bt_3.gif);
	background-repeat: no-repeat;
}

.qanet {
	color : #000000 ;
	border : #AAAAAA 1px solid ;
	font-size : 14px ;
	font-weight: bold;
	padding : 20px ;
	padding-left: 80px;
	background-color : #cccccc ;
	background-image: url(../directshop/images/btn4.gif);
	background-repeat: no-repeat;
}

/* ----- 見出し文字 ------------------------------------ */

/* メイン見出し */
h1 {
	text-align : left ;
	padding-left: 5px;
	color : #476a9d ;
	font-size : 36px ;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	margin: 0px 0px 0px;
}

/* サブ見出し */
h2 {
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 18px;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	border-bottom : #FF6600 1px solid ;
}

/* 小見出し3 */
h3 {
	background-image: url(../images/topbk.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	font-size: 15px;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #000000;
	margin: 0px 0px 10px;
	border-top : #AAAAAA 0px solid ;
	/*border-left : #AAAAAA 1px solid ;*/
	border-right : #AAAAAA 0px solid ;
	border-bottom : #AAAAAA 1px solid ;
	background-color : #EFEFEF ;
	

}

/* 小見出し4 */
h4 {
	background-image: url(../images/pop1.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	font-size: 14px;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #000000;
	margin: 10px 0px 11px;
	border-bottom : #CCCCCC 1px solid ;
}

/* 小見出し5 */
h5 {
	background-image: url(../images/pop3.gif);
	background-repeat: no-repeat;
	padding-left: 5px;
	font-size: 12px;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #000000;
	margin: 0px 0px 0px;
	background-color : #EFEFEF ;
}

/* 小見出し6 */
h6 {
	background-image: url(../images/pop4.gif);
	background-repeat: no-repeat;
	padding-left: 5px;
	font-size: 13px;
	font-family : 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka ;
	color: #000000;
	margin: 0px 0px 15px;
}


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

/* 未訪問 */
a:link {
	color : #3333FF ; 
	text-decoration : underline ;
}

/* 訪問済み */
a:visited {
	color : #3333FF ;
	text-decoration : underline ;
}

/* クリック時 */
a:active {
	color : #FF0000 ;
	text-decoration : underline ;
}

/* カーソル接触時 */
a:hover {
	color : #FF6600 ;
/*	color : #FF0000 ;   */
	text-decoration : underline ;
}


/* ------------------------------
table
------------------------------ */

.tableStyle1 {
	 width:100%;
}

.tableStyle1 th {
	padding: 2px 2px;
	text-align: left;
	vertical-align: middle;
	background-color:#F0F0F0;	
	color: #000;
	font-weight: bold;
	border: 1px solid #dfded8;
	line-height:1.3em;
}

.tableStyle1 td {
	padding: 2px 2px;
	text-align: left;
	border: 1px solid #dfded8;
	background: #fff;
	line-height:1.3em;	
}

.tableStyle1 td.irregular {
}

.tableStyle1 ul {
	font:100%/1.2em "MS PGothic", "Sans-Serif";						
}

.tableStyle1 ul li {
	list-style-type:disc;
	marign-left:0px;	
}


/* ----- テーブル -------------------------------------- */

/* 全てのテーブル */
table,th,td {
	color : #000000 ;
	border-collapse : collapse ;
}

/* 表 */
.table {
	border : #AAAAAA 1px solid ;
	border-collapse : collapse ;
}

/* 見出し */
.table_head {
	color : #000 ;
	border : #AAAAAA 1px solid ;
	font-weight:bold;
	padding : 3px ;
	background-color: #F0F0F0;
}

/* 内容 */
.table_data {
	color : #000 ;
	border : #AAAAAA 1px solid ;
	font-weight: bold;
	padding : 3px ;
	/*background-color : #eee ;*/
}

/* ----- フォーム -------------------------------------- */

/* テキスト入力 */
input,select {
	color : #000000 ;
	/*border : #666680 1px solid ;*/

	line-height : 1.1 ;
}

/* テキストエリア */
textarea {
	color : #000000 ;
	border : #666680 1px solid ;
	line-height : 1.2 ;
}

/* ボタン */
.submit,.reset,.button {
	line-height : 1.1 ;

	background-color : #FFFFFF ;
}

/* チェックボックス */
.checkbox {
	
}

/* ラジオボタン */
.radio {
	
}