@charset "UTF-8";

/* ***************************************************
* CSS file For netinsatsu.com
	FileName: common.css
	data:2007/01/24 yoshii
	
■目次 ==========================================
■[01]:ブラウザスタイル初期化
■[02]:基本テキストリンク
■[03]:大枠レイアウト
■[20]:見出し
■[30]:ヘッダー
■[40]:フッター
■[50]:サイドナビ
■[80]:レイアウト指定
■[90]:指定フォント
■[91]:指定リンク
■[92]:パンくず
■[93]:フォーム文字化け対策
**************************************************** */


/*-----------------------------------------------------------
■[01]:ブラウザスタイル初期化
------------------------------------------------------------*/

body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	background: url(/img/common/wrapper_bg.gif) repeat;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}

img,table {
	border: none;
}

img {
	vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

ul {
	list-style: none;
}

ol li {margin: 0 0 10px;}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

/* -- clear float -- */ 
.LRSplit { 
    min-height:0; 
    display: inline-table; 
} 
.LRSplit:after{ 
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden; 
} 
/* \*/ 
* html .LRSplit {height:0;} 
.LRSplit{display: block;} 
/* */ 
/* -- end clear float -- */

/*-----------------------------------------------------------
■[02]:基本テキストリンク
------------------------------------------------------------*/

a:link {
	color: #06c;
	text-decoration: none;
}

a:visited {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #39f;
	text-decoration: underline;
}

/*-----------------------------------------------------------
■[03]:大枠レイアウト
------------------------------------------------------------*/

div#Container {
	width: 820px;
	margin: 0 auto;
	padding: 10px 0 10px;
	text-align: left;
	background: #FFF;
	background: url(/img/common/main_bg.gif) repeat-y left top;
}

div#Content {
	width: 590px;
	float: right;
	margin: 0 0 0 10px;
}

div#ContentIn {
	width: 560px;
	padding: 0 0 25px;
	margin: 0 0 0 20px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
}


/*-----------------------------------------------------------
■[20]:見出し
------------------------------------------------------------*/

h1 {margin: 5px 0 10px;}

div#ContentIn h2 {
	padding: 0 0 10px;
	clear: both;
}
div#ContentIn h3 {
	font-size: 14px;
	margin: 0;
	background: url(/img/mypage/title_sub.gif) no-repeat bottom left;
	padding-left: 10px;
	font-weight: bold;
	width: 350px;
	float: left;
	clear: both;
}

div#ContentIn h4 {
	clear: both;
	color:#ff6600;
	font-size: 12px;
	margin: 0 0 10px;
	background: url(/img/common/title_sub_bg.gif) no-repeat bottom left;
	font-weight: bold;
	height:28px;
	padding: 0 10px 0 20px;
}

div#ContentIn h4 span.Short a{color:#FF6600;text-decoration:none;}
div#ContentIn h4 span.Short a:hover{color:#FF9F5F;text-decoration:none;}
div#ContentIn h4 span.Short a:visited{color:#FF6600;text-decoration:none;}

div#ContentIn h4 span {
	margin:7px 0 0 0 ;
	display:block;
	float:left;
	width:540px;
}

div#ContentIn h4 span.Short {
	width:400px;
}

div#ContentIn h4 span.Detail{
	float:right;
	background: url(/img/common/icon_arrow.gif) no-repeat right 1px;
	width:100px;
	margin:7px 0 0 0;
	padding: 0 20px 0 0;
	font-weight: normal;
	text-align:right;
}

div#ContentIn span.Return_button{/* hタグ横 戻るボタン */
	background:url(/img/mypage/bt_return.gif) no-repeat scroll left top;
	float:right;
	padding:0pt 0pt 0pt 25px;
	text-align:left;
	width:auto;
}


/* ▼後でidからclassへ差し替え */

div#Title,div.Title {
	width: 100%;
	margin-bottom: 10px;
}

div#Title span.Return,div#Title span.M-return,div#Title span.O-return,
div.Title span.Return,div.Title span.M-return,div.Title span.O-return {
	float: right;
	text-align: right;
	padding: 0 0 0 18px;
	background: url(/img/mypage/bt_return.gif) no-repeat left top;
	font-size: 12px;
	font-weight: normal;
	width: 65px;
}

div#Title span.M-return,div.Title span.M-return {width: 95px;}
div#Title span.O-return,div.Title span.O-return  {width: 125px;}

/* hide from Mac IE \*/
* html div#Title span.Return,* html div.Title span.Return { width: 80px; }
* html div#Title span.M-return,* html div.Title span.M-return { width: 110px; }
* html div#Title span.O-return,* html div.Title span.O-return { width: 142px; }
/* */ 

/* ▲後でidからclassへ差し替え */

/*-----------------------------------------------------------
■[30]:ヘッダー
------------------------------------------------------------*/
div#Header {
	background: url(/img/common/header_bg.gif) repeat-x;
	height:122px;
	width:100%;
}


div#Logo {
	float:left;
	padding: 16px 0px 10px 10px;
	width: 497px;
}

div#Telfaxmail {
	float:right;
	padding: 12px 10px 10px 0px;
}

div#Header_top {
	width: 820px;
	height: 19px;
	margin: 0 auto;
	padding: 0;
}

div#Header_top h1 {
	font-size:10px;
	font-weight:normal;
	margin:0px auto;
	padding:0px 0px 0px 10px;;
	text-align:left;
	background: url(/img/common/arrow_or.gif) no-repeat 3px 7px;
}

div#Header_main {
	width: 820px;
	height: 73px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	background: url(/img/common/main_bg.gif) repeat-y left top;
}

div#Header_main dl dt {
	float: left;
	width: 40%;
	padding: 16px 0 6px 10px;
}

div#Header_main dl dt img {
	float: left;
}

div#Header_main dl dd {
	float: right;
	width: 50%;
	padding: 12px 10px 10px 0;
}

div#Header_main dl dd img {
	float: right;
}

div#Header_main ul {
	clear: both;
	display: block;
	list-style-type: none;
}

div#Header_main ul li {
	display: inline;
}

div#Header_main ul li a {
	color: #000000;
}



/*-----------------------------------------------------------
■[40]:フッター
------------------------------------------------------------*/
div#Footer {
	width: 100%;
	height: 119px;
	background: url(/img/common/footer_bg.gif) repeat-x top;
	text-align: center;
	color: #FFF;
	line-height: 18px;
}

div#Footer_Container{
	width: 820px;
	height: 73px;
	margin: 0 auto;
	padding: 8px 0 0;
}

div#Footer_Container p{
	padding: 0 0 5px;
}

p#Footer_Comment{
	color: #000;
	font-size: 10px;
	line-height: 14px;
	margin: 0 0 10px;
}

p#Footer_Copyright{
	padding: 0;
}

div#Footer a:link {color: #FFF; text-decoration: none;}
div#Footer a:visited {color: #FFF; text-decoration: none;}
div#Footer a:hover {color: #FFF; text-decoration: underline;}

p#Footer_Comment a:link {color: #000; text-decoration: none;}
p#Footer_Comment a:visited {color: #000; text-decoration: none;}
p#Footer_Comment a:hover {color: #000; text-decoration: none;}

/*-----------------------------------------------------------
■[50]:サイドナビ
------------------------------------------------------------*/

div#SideNvg {
	width: 210px;
	float: left;
	padding: 0 0 0 10px;
}

img.Ban_NewReg{margin-bottom: 6px;}

img.Ban_UseG{margin-bottom: 6px;}

ul.SideBtn {
	background:url(/img/common/side_btm.gif) no-repeat bottom;
	padding-bottom:3px;
	margin-bottom: 6px;
}

ul.SideBtn li {
	width: 210px;
	height: 27px;
	line-height: 26px;
	/* list-style-image:url(/img/common/side_li.gif) 10px 10px; */
}

ul.SideBtn a {
	height: 27px;
	display: block;
	/* text-decoration: underline; */
	padding: 0 0 0 25px;
}

li.SNvgSelect a:link{background: url(/img/common/side_nvg_bg.gif) no-repeat;color: #06c;text-decoration: underline;}
li.SNvgSelect a:visited {background: url(/img/common/side_nvg_bg.gif) no-repeat;color: #06c;text-decoration: underline;}
li.SNvgSelect a:hover {background: url(/img/common/side_nvg_bg_on.gif) no-repeat;color: #06c;text-decoration: none;}
li.SNvgAct {background: url(/img/common/side_nvg_bg_on.gif) no-repeat;color: #06c;text-decoration: none;}

div#Side_Option{
	background: url(/img/common/side_nvg_bg2.gif) repeat-y top;
}
div#Side_Option p{
	width:210px;
	padding: 5px 0px;
	background:transparent url(/img/common/option_dot_bg.gif) no-repeat scroll left bottom;
}

div#Side_Option p span{
	padding: 0pt 10px;
	display: block;
}

img.Ban_Contact{margin: 9px 0 15px}
img.Ban_About{margin-bottom: 15px;}

div.mark,div.Fsc{margin: 0 0 15px;}
div.mark p.markL,div.Fsc p.FL{float:left; width:91px;}
div.mark p.markR{
	display: block;
	float: left;
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	padding: 3px 0 0 29px;
	width: 90px;
}

div.mark span.PP{
	display:block;
	margin:0;
	padding:0;
	font-size:10px;
}

div#Side_Days{
	background:url(/img/common/side_btm.gif) no-repeat bottom;
	padding-bottom:3px;
	margin-bottom: 15px;
}

div#Side_Days div{
	width: 210px;
	background: url(/img/common/side_nvg_bg2.gif) repeat-y top;
}

div#Side_Days p.SD_title{
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}

div#Side_Days p.SD_detail {
	background:url(/img/common/list_blk.gif) no-repeat 9px 4px;
	padding:0pt 10px 5px 22px;
}

div#Shop_Comment{
	margin: 0 0 10px;
}

/* ログインフォーム */
div#SideLogin{
	font-size: 10px;
	line-height: 14px;
	background: #EEE url(/img/common/side_btm.gif) no-repeat bottom;
	margin-bottom: 5px;
	padding-bottom: 3px;
	width:210px;
}

div#SideLogout{
	font-size: 10px;
	line-height: 14px;
	background: #EEE url(/img/common/side_btm.gif) no-repeat bottom;
	margin-bottom: 5px;
	padding-bottom: 3px;
	width:210px;
}

div#SideLogin div, div#SideLogout div{
	background: #EEE url(/img/common/login_bg.gif) repeat-y top;
	padding: 5px 0 0;
}

div#SideLogin dl{
	width: 210px;
	padding: 0 0 3px;
}


div#SideLogin dl dt,div#SideLogin dl dd{
	padding:0 10px;
}

/* hide from IE6のみ \*/
* html div#SideLogin p,* html div#SideLogout p{
	padding:0 10px;
	width:210px;
}
/* */ 

div#SideLogin p, div#SideLogout p{
	padding:0 10px;
	width:190px;
}




div#SideLogin dl dt img{
	vertical-align: baseline;
}


div#SideLogin p.LBtn_Area{
	text-align: right;
}

div#SideLogout p.LBtn_Area{
	text-align: right;
	padding-bottom: 5px;
}

div#SideLogout p.LBtn_Area img{
	vertical-align:middle;
}

input.SForm_Mail{
	width:188px;
}

input.SForm_Pass{
	width:188px;
}

/* hide from IE6のみ \*/
* html .SForm_Mail { width: 194px;}
* html .SForm_Pass { width: 194px;}
/* */

input.LoginBtn{
	width: 95px;
	height: 25px;
	border: none;
	margin: 7px 0 10px 95px;
}

p.Login_name {
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px;
}

p.To_mypage{
	margin:0 0 10px;
}

div#Side_Cart {
	background: url(/img/common/cart.gif) no-repeat 3px top;
	padding-left: 25px;
	margin-bottom: 5px;
	color: #ff6600;
}

div#Side_Cart a:link {color: #ff6600; text-decoration: none;}
div#Side_Cart a:visited {color: #ff6600; text-decoration: none;}
div#Side_Cart a:hover {color: #ff0000; text-decoration: underline;}

/*-----------------------------------------------------------
■[80]:レイアウト指定
------------------------------------------------------------*/
.right { text-align: right;}
.center { text-align: center;}
.left { text-align: left;}


/*-----------------------------------------------------------
■[90]:指定フォント
------------------------------------------------------------*/
.xxx-large { font-size:200%;    line-height:150%; } /*32px*/
.xx-large  { font-size:150%;    line-height:150%; } /*24px*/
.x-large   { font-size:131.25%; line-height:150%; } /*21px*/
.large     { font-size:112.5%;  line-height:150%; } /*18px*/
.mid       { font-size:100%;    line-height:150%; } /*16px = 12pt*/
.small     { font-size:80.0%;   line-height:150%; } /*12px*/
.x-small   { font-size:62.5%;   line-height:150%; } /*10px*/
.xx-small  { font-size:56.25%;  line-height:150%; } /*9px*/
.bold 	   { font-weight: bold; }
.orange	   { color: #FF6600; }


/*-----------------------------------------------------------
■フォント(色)
------------------------------------------------------------*/
.red {color: #ff0000;}
.aster{color: #FF0000;font-size:12px;padding:0;background:none;}
.note{color:#ff6600;padding:0 0 15px;}
/*-----------------------------------------------------------
■[91]:指定リンク
------------------------------------------------------------*/

/*-----------------------------------------------------------
■[92]:パンくず
------------------------------------------------------------*/
/***** ぱんくず *****/
div#TopicPath {
	width: 100%;
	margin: 0 0 5px;
	font-size: 10px;
	letter-spacing: 1px;
}
div#TopicPath a:link,div#TopicPath a:visited {color: #06c; text-decoration: none;}
div#TopicPath a:hover {color: #39f; text-decoration: underline;}


/***** 下部ボタン *****/
div.BtLink {
	width: 100%;
	text-align: center;
}

/*-----------------------------------------------------------
■[93]:フォーム文字化け対策
------------------------------------------------------------*/
textarea, select, input {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka","Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}



/*-----------------------------------------------------------
■[94]:メッセージボックス
------------------------------------------------------------*/
.message 
{
	font-size          : 11px;
	width              : 540px;
	padding            : 4px;
	margin-left        : 5px;
	margin-top         : 5px;
	margin-bottom      : 5px;
	background-color   : #FFFFE0;
	border             : solid 1px #CCCCCC;
	text-align         : left;
}
.message ul
{
	color              : #FF3030;
	margin-left        : 10px;
	/* list-style-type    : none; */
}
.message_auth 
{
	padding            : 0 0 0 10px;
	font-size          : 11px;
	text-align         : left;
}
.message_auth dd
{
	margin             : 0 0 0 10px;
	color              : #FF3030;
	/* list-style-type    : none; */
}


/*-----------------------------------------------------------
■[95]:フォーム関連
------------------------------------------------------------*/
/* IMEを日本語入力モードに */
/* input.ime_on {
	ime-mode            : active;
} */

/* IMEをオフに */
/* input.ime_off {
	ime-mode            : disabled;
} */

/* IMEを英数字入力モードに */
/* input.ime_en {
	ime-mode            : inactive ;
} */
/* 入力不可状態 */
.bggray   { background-color:#F5F5F5;}

/* フォーム */
input,textarea,select{
	border: 1px solid #ccc;
	font-size: 12px;
}

input.auto {
	border:none;
	margin:0 3px 0 0;
	padding:0pt;
}

/*-----------------------------------------------------------
■[96]:フォームエラー表示
------------------------------------------------------------*/
.Error {
	width: 100%;
	margin: 0 0 10px;
	text-align: left;
	clear:both;
}
.Error p {
	background: #FFF1D8;
	font-size: 10px;
	line-height:15px;
	color: #FF0000;
	padding: 10px;
}

/*-----------------------------------------------------------
■[97]:説明文
------------------------------------------------------------*/
div.description {margin: 0 0 15px;clear:both;width:560px;}
div.description p {
	margin: 5px 0 0;
	color: #f00;
}
div.description input {margin: 0 5px 0 0;border:none;}

/*-----------------------------------------------------------
■[98]:THANKS画面
------------------------------------------------------------*/
.Comp {
	width: 100%;
	margin: 0 0 15px;
	text-align: center;
}
.Comp p {
	width: 100%;
	background: #fff1d8;
	font-size: 14px;
	padding: 15px 0;
	margin: 0 0 8px;
}

/*-----------------------------------------------------------
■[99]:ページトップへ
------------------------------------------------------------*/
div.To_PTOP{
	text-align:right;
	margin:30px 0 15px;
	clear:both;
}

div.To_PTOP span{
	line-height: 9px;
}

div.To_PTOP img{
	margin: 0 5px 0 0;
}

/*-----------------------------------------------------------
■[100]:プライバシーポリシー確認画面
request/privacy/
member/privacy/
contact/privacy/
------------------------------------------------------------*/
div#PrivacyList{
	margin: 0 0 25px;
}

div#PrivacyList dl{
	margin: 7px 0 12px;
}

div#PrivacyList dl dt{
	color: #7f3300;
	font-weight: bold;
	padding:5px 0 7px;
	background: url(/img/common/line_dot2.gif) repeat-x left bottom;
}

div#PrivacyList dl dd{
	padding:5px 0;
}

div#PrivacyList ul li{
	background: url(/img/common/list_yell_arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 15px;
	line-height: 20px;
}

div.ConfirmTxt{
	background: url(/img/common/line_dot2.gif) repeat-x left top;
	text-align: center;
	font-weight: bold;
	padding:7px 0 5px;
}

div.NextForm{
	text-align: center;
	background-color:#e5e5e5;
	padding:7px 0 10px;
}

div.NextForm input{
	border: none;
}

div.NextForm img{
	margin: 3px 0 0;
}
div.ConfirmErr {
	width: 100%;
	text-align: left;
	clear:both;
}
div.ConfirmErr p {
	background: #FFF1D8;
	font-size: 10px;
	line-height:15px;
	color: #FF0000;
	padding: 5px;
	text-align: center;
}


/*-----------------------------------------------------------
■ソーシャルボタン
------------------------------------------------------------*/
ul.socialLink {
	float: right;
	margin: 10px 0 10px 4px;
}

ul.socialLink li {
	float: left;
	padding: 0 0 0 8px;
}