/* デフォルトスタイル
---------------------------------------------*/

* {
	margin: 0; 
	padding: 0;
	font-size: 100%;
	font-style: normal;
	list-style: none;
	word-break:break-all;
}


/*
	white-space: -moz-pre-wrap; / Mozilla /
	white-space: -pre-wrap;     / Opera 4-6 /
	white-space: -o-pre-wrap;   / Opera 7 /
	white-space: pre-wrap;      / CSS3 /
	word-break:break-all; //IE
	word-break:keep-all; //IE
	word-wrap: break-word;      // IE 5.5+ 
	overflow:hidden;
	overflow:auto;
*/

body {
	font-size: 75%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	margin-top:5px;
}


img {
	border: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
p {
	/* hides MacIE5 \*/
	letter-spacing: 0.05em;
	/* end */
}

/*
div,p,span,table,tr,th,td,h1,h2,h3,h4,h5,h6 {
	word-break: break-all;
}
*/

/* リンクカラー
---------------------------------------------*/
a {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
}
a:hover {
	color: #FF6600;
}

/* 共通
---------------------------------------------*/
html {
	width: 100%;
	background-color: #FFCC99;
}
body {
	width: 100%;
	background-color: #FFCC99;
	margin:0px;
	padding:0px;
	text-align:center;
}

html>/**/body body {
	margin:0 auto;
}


#container {
	width: 90%;
	background-color: #FFFFFF;
	max-width: 814px;
	text-align:center;
	width: 814px;
	margin:0 auto;
	background: url(../img/bg.jpg) top left repeat-y;
}

/*Firefox用スクロールバー*/
html{
	height:100%;
	margin-bottom:1px;
}

.text_aka{
	color:#FF3300;
}

#jump_to_top{
	text-align:right;
}


/* ヘッダ
---------------------------------------------*/

#header{
	width:814px;
	height:80px;
	text-align:left;
}

#header_logo{
	float:left;
	height:80px;
	margin-left:10px;
}

#header_text{
	float:right;
	height:80px;
	position:relative;
	right:105px;
	_right:85px;
	top:20px;
}

#header_toiawase{
	float:right;
	position:relative;
	right:-250px;
	top:60px;
}

#header_logo_2{
	float:right;
	position:relative;
	right:-250px;
	top:5px;
}


/* ナビ
---------------------------------------------*/

#navi{
	clear:both;
	height:30px;
	width:814px;
	background: url(../img/bg_black.jpg) top left repeat-y;
}

#navi_inner{
	position:relative;
	top:5px;
	_margin-top:7px;
}

#navi_inner p{
	float:left;
	margin-left:15px;
}

#navi_inner a {
	color: #FFFFFF;
	text-decoration: none;
}
#navi_inner a:visited {
	color: #FFFFFF;
}
#navi_inner a:hover {
	color: #FF6600;
}

/* メイン
---------------------------------------------*/

#main{
}

#main_text{
	text-align:left;
	margin-left:30px;
	padding-top:20px;
}

#main_button{
	margin-top:-106px;
	position:relative;
	top:-47px;
	right:-220px;
}


/* ミドル
---------------------------------------------*/

#middle{
	background: url(../img/bg.jpg) repeat-y;
}


#middle_left{
	width:490px;
	float:left;
	text-align:left;
	margin-left:15px;
}

#middle_left p{
	height:15px;
	background-color:black;
	color:white;
	margin-bottom:10px;
}

#middle_left_inner{
	margin-left:15px;
}

#middle_left_inner_osirase{
	margin-left:15px;
	font-size:10px;
	margin-bottom:15px;
}


#index_middle_form_table{
	_margin-left:-40px;
}

#index_middle_form_table_bottom{
	text-align:center;
	margin-top:5px;
}

#index_middle_form_outer{
	border:1px solid #CCC;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
}


#index_middle_form_info{
	margin-top:5px;
}






#middle_right{
	width:250px;
	float:right;
	text-align:center;
	border:1px solid #CCC;
	margin-right:15px;
}

#middle_right_info{
	text-align:left;
	font-size:11px;
	padding:5px;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	margin-top:10px;
}


/* ボトム
---------------------------------------------*/
#bottom{
	clear:both;
	height:60px;
	width:814px;
	background: url(../img/bg_black.jpg) top left repeat-y;
}


#bottom_inner{
	position:relative;
	top:5px;
	_margin-top:7px;
	color:white;
}

#bottom_inner p{
	margin-left:15px;
}

#bottom_inner a {
	color: #FFFFFF;
	text-decoration: none;
}
#bottom_inner a:visited {
	color: #FFFFFF;
}

#bottom_inner a:hover {
	color: #FF6600;
}



/* 内部ページテンプレ
---------------------------------------------*/


#in_left{
	width:150px;
	float:left;
	text-align:left;
	margin-left:15px;
	_margin-left:10px;
	padding-top:15px;
}


#in_right{
	width:605px;
	float:right;
	text-align:left;
	margin-right:15px;
	border-left:2px solid black;
	padding:10px;
}

#in_left p{
	margin-bottom:5px;
}

#in_left img{
	margin-right:5px;
}

#in_left p{
	margin-bottom:5px;
}


#in_right .title{
	font-size:20px;
}

#in_right_title{
	margin-bottom:10px;
}


/* お知らせページ
---------------------------------------------*/

#info{
	margin-bottom:10px;
}

#info_left{
	float:left;
	width:75px;
	text-align:left;
	margin-right:5px;
}

#info_right{
	width:510px;
	_width:500px;
	float:left;
	text-align:left;
	_padding-top:3px;
}

#info_right img{ 
	margin-top:5px;
	margin-bottom:5px;
}

#info_right .midashi{
	font-weight: bold;
}


/* お申し込みの流れページ
---------------------------------------------*/

#moushikomi{
	text-align:left;
}

#moushikomi .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#moushikomi_text{
	margin-left:20px;
}


/* 操作方法れページ
---------------------------------------------*/

#sousa{
	text-align:left;
}

#sousa .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#sousa_text{
	margin-left:20px;
}

/* お支払い方法ページ
---------------------------------------------*/

#shiharai{
	text-align:left;
}

#shiharai .midashi{
	background-color:#FF6600;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#shiharai .midashi_ao{
	background-color:#0099FF;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#shiharai .midashi_green{
	background-color:#8FBF00;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}


#shiharai .midashi_black{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}


#shiharai_text{
	margin-left:20px;
}

/* 機能一覧ページ
---------------------------------------------*/

#decamore{
	text-align:left;
}

#decamore .midashi_green{
	background-color:#99CC00;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

#decamore .midashi_pink{
	background-color:#FF0066;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

#decamore_text{
	margin-left:20px;
}

#decamore_exsample{
	width:450px;
	border:1px solid #ccc;
	padding:5px;
}


/* スペック・価格表ページ
---------------------------------------------*/

#spec{
	text-align:left;
}

#spec .midashi_green{
	background-color:#99CC00;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#spec .spec_black{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#spec_text{
	margin-left:20px;
}

#spec_exsample{
	width:450px;
	border:1px solid #ccc;
	padding:5px;
}


/* FAQページ
---------------------------------------------*/

#faq{
	text-align:left;
}

#faq .midashi_green{
	background-color:#99CC00;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#faq .faq_black{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#faq .faq_q{
	background-color:#FF99CC;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}


#faq_text{
	margin-left:20px;
}

#faq_exsample{
	width:450px;
	border:1px solid #ccc;
	padding:5px;
}


/* お申し込み手続きページ
---------------------------------------------*/

#reg1{
	text-align:left;
}

#reg1 .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#reg1_text{
	margin-left:20px;
}

#reg1_text td{
	padding:10px;
}


/* お申し込み手続き確認ページ
---------------------------------------------*/

#reg1_c{
	text-align:left;
}

#reg1_c .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#reg1_c_text{
	margin-left:20px;
}

#reg1_c_text td{
	padding:10px;
}

/* お申し込み手続き 仮登録完了ページ
---------------------------------------------*/

#reg1_f{
	text-align:left;
}

#reg1_f .midashi{
	background-color:#FF0066;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#reg1_f_text{
	margin-left:20px;
}

/* ログインページ
---------------------------------------------*/

#login{
	text-align:left;
}

#login .midashi{
	background-color:#FF0066;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#login_text{
	margin-left:20px;
}


/* エラーページ
---------------------------------------------*/

#error{
	text-align:left;
}

#error .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#error_text{
	margin-left:20px;
}



/*################################### ログイン後 ############################################*/


/* ヘッダ
---------------------------------------------*/

#header_login{
	width:814px;
	height:80px;
	text-align:left;
}

#header_login_logo{
	float:left;
	height:80px;
	margin-left:10px;
}

#header_plan_text{
	float:left;
	height:80px;
	left:15px;
	position:relative;
	top:10px;
}

#header_login_text{
	float:right;
	height:80px;
	position:relative;
	right:75px;
	_right:75px;
	top:10px;
}

#header_login_toiawase{
	float:right;
	position:relative;
	right:-125px;
	top:60px;
}

#header_login_toiawase_inner{
	width:200px;
	text-align:left;
	background: url(../img/ryoiki.jpg) top left no-repeat;
}


/* フッター
---------------------------------------------*/
#login_bottom{
	clear:both;
	height:60px;
	width:814px;
	background: url(../img/bg_black_login.jpg) top left repeat-y;
}


#login_bottom_inner{
	position:relative;
	top:5px;
	_margin-top:7px;
	color:white;
}

#login_bottom_inner p{
	margin-left:15px;
}

#login_bottom_inner a {
	color: #FFFFFF;
	text-decoration: none;
}
#login_bottom_inner a:visited {
	color: #FFFFFF;
}

#login_bottom_inner a:hover {
	color: #FF6600;
}


/* ナビ
---------------------------------------------*/

#login_navi{
	clear:both;
	height:30px;
	width:814px;
	background: url(../img/bg_black_login.jpg) top left repeat-y;
}


#login_navi_inner{
	padding-top:5px;
}

#login_navi_inner a {
	color: #FFFFFF;
	text-decoration: none;
}
#login_navi_inner a:visited {
	color: #FFFFFF;
}
#login_navi_inner a:hover {
	color: #FF6600;
}


/* いろいろ
---------------------------------------------*/

#login_left{
	width:150px;
	float:left;
	text-align:left;
	margin-left:15px;
	_margin-left:10px;
	padding-top:15px;
}

#login_top{
	width:780px;
	float:left;
	text-align:left;
	margin-left:15px;
	_margin-left:10px;
	padding-top:15px;
}

#login_top .title{
	font-size:20px;
}


#login_right{
	width:605px;
	float:right;
	text-align:left;
	margin-right:15px;
	border-left:2px solid black;
	padding:10px;
}

#login_left p{
	margin-bottom:5px;
}

#login_left img{
	margin-right:5px;
}

#login_left p{
	margin-bottom:5px;
}


#login_right .title{
	font-size:20px;
}

#login_right_title{
	margin-bottom:10px;
}



/* マイページ
---------------------------------------------*/

#mypage{
	text-align:left;
}

#mypage .midashi{
	background-color:#FF0066;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#mypage_text{
	margin-left:20px;
}

#mypage .setumei{
	background-color:#666666;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}


/* メール送信ページ
---------------------------------------------*/

#send{
	text-align:left;
}

#send .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#send_text{
	margin-left:20px;
}

#send .setumei{
	background-color:#666666;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

#send table{
	text-align:left;
}

#send_text td{
	padding:5px;
}

#send_text .left_td{
	background-color:#E4E4E4;
}


#send_text img{
	vertical-align:bottom;
}



/* 入稿ページ(nyukou_index.cgi)
---------------------------------------------*/

#nyukou{
	text-align:left;
}

#nyukou .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#nyukou_text{
	margin-left:20px;
}

#nyukou .setumei{
	background-color:#666666;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

#nyukou_text td{
	padding:5px;
}

/* 入稿ＵＲＬ送信ページ
---------------------------------------------*/

#send_nyukou{
	text-align:left;
}

#send_nyukou .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#send_nyukou_text{
	margin-left:20px;
}

#send_nyukou .setumei{
	background-color:#666666;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

#send_nyukou_text td{
	padding:5px;
}


/* 入稿するページ(nyukou.cgi)
---------------------------------------------*/

#nyukou_do{
	text-align:left;
}

#nyukou_do .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#nyukou_do_text{
	margin-left:20px;
}

#nyukou_do .setumei{
	background-color:#666666;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

#nyukou_do_text td{
	padding:5px;
}





/* メールテンプレート管理・作成ページ
---------------------------------------------*/

#mailtmpl{
	text-align:left;
}

#mailtmpl .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#mailtmpl_text{
	margin-left:20px;
}

#mailtmpl_text td{
	padding:5px;
}



/* アドレス帳ページ
---------------------------------------------*/

#address{
	text-align:left;
}

#address .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#address_text{
	margin-left:20px;
}

#address_text td{
	padding:5px;
}

/* ダウンロードURL
---------------------------------------------*/

#download{
	text-align:left;
}

#download .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#download_text{
	margin-left:20px;
	clear:both;
}

#download_text td{
	padding:5px;
}


/* ユーザー設定ページ
---------------------------------------------*/

#user_edit{
	text-align:left;
}

#user_edit .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#user_edit_text{
	margin-left:20px;
}

#user_edit_text td{
	padding:5px;
}

/* お問い合わせページ
---------------------------------------------*/

#form{
	text-align:left;
}

#form .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#form_text{
	margin-left:20px;
}

#form_text td{
	padding:5px;
}

#form_form{
	background-color:#E6E6E6;
	padding:10px;
	margin-bottom:5px;
}

/* 送受信一覧ページ
---------------------------------------------*/

#hist{
	text-align:left;
	width:780px;
	margin-left:10px;
	
}

#hist .icon{
	text-align:center;
}


#hist .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#hist_text{
	text-align:center;
	margin-left:20px;
}

#hist_text td{
	padding:5px;
}


/* 送受信一覧ページ（再送・閲覧）
---------------------------------------------*/

#deca2{
	text-align:left;
}

#deca2 .midashi{
	background-color:black;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#deca2_text{
	margin-left:20px;
}

#deca2_text td{
	padding:5px;
}


/* 普通のテーブル
---------------------------------------------*/

.ordinary_table{
	border-collapse: collapse;
}

.ordinary_td{
	border: 1px solid #CCCCCC; 
}

/* 春のキャンペーンページ
-----------------------------*/

#cam{
	text-align:left;
	margin-left:20px;
}