/* -- reset -- */

* {
	margin:0;
	padding:0;
}


/* -- h1,h2,h3 -- */

h1{
	font-size:100%;
	font-weight:normal;
}

h2{
	font-size:100%;
	font-weight:bold;
}

h3 {
	font-size:100%;
	font-weight:bold;
	}
	
h4 {
	font-size:100%;
	font-weight:bold;
	margin:10px 0 0 10px;
	}

/* -- 太字 -- */

.strong {
	font-weight:bold;
}

/* -- 83%英字に使用 -- */

.fontsmall {
	font-family:Verdna, Arial, Helvetica, sans-serif;
}


/* -- 赤いNEW（小サイズ） -- */

.redNew {
	color:#FF0000;
	font-size:83%;
	font-family:Verdna, Arial, Helvetica, sans-serif;
}

.red {
	color:#FF0000;
}

.orange {
	color:#FF9900;
}

.blueBold {
	color:#3366CC;
	font-weight:bold;
}


/* -- 全体の枠組み -- */

#container {
    width:760px;
	background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

/* -- 文字サイズ -- */

.text117 {
	font-size:117%;
}

.text100 {
	font-size:100%;
}

.text83 {
	font-size:83%;
}

/* -- 余白 -- */

.gazou {
	padding:20px 10px 10px 10px;
}
.gazou2 {
	padding:20px 10px 0 10px;
}
.paddingTop15 {
	padding:15px 0 0 0;
}
.paddingTop30 {
	padding:30px 0 0 0;
}

/* -- 問い合わせ・申込みボタン -- */

.contactBox {
	width:546px;
	border:1px solid #CCCCCC;
	margin:0 auto;
}


/* -- 区切り線 -- */

.dotline {
	background-image:url(../images/dotline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 10px 0;
}

/* -- ヘッダー部分 -- */

#header .heading{
	width:750px;
	background-image:url(../images/headbg2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#91A5D4;
	color:#FFFFFF;
	font-weight:normal;
	font-size:83%;
	line-height:1;
	padding:3px 5px 4px 5px;
}

.headerA {
	width:760px;
	background-image:url(../images/headbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.headerLeft {
	width:200px;
	float:left;
}

.headerRight {
	width:450px;
	float:right;
}

.headerRightA {
	width:450px;
	text-align:right;
}

.headerRightB {
	width:450px;
	text-align:right;
}


/* -- ページ上部「パンくずリスト」部分 --*/

#mainTitle {
	clear:both;
	font-size:83%;
	color:#666666;
	padding:8px 0 0 12px;
	background-color:#BDC9E5;
	line-height:1.8;
	background-image:url(../images/headerbgbtm.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#mainTitle  li {
	display:inline;
}

#mainTitle  li a {
	color:#234BAA;
	padding:0 5px 0 0;
}

#mainTitle .arrowbread {
	background-image:url(../images/arrowbread.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 5px 0 10px;
}

/* == メイン部分 == */

/* -- メイン全体（囲み） -- */

#main_content {
	width:760px;
}

/* -- メイン部分　1カラム --- */

#main-lp {
	padding:15px 0 0 60px;
}


/* -- メイン部分、左側 --- */

#main {
	width:545px;
	float:left;
	padding:0 0 15px 0;
}


/* == フッター部分 ==*/

#footer {
	clear:both;
	width:760px;
	margin-top:50px;
}

/* -- フッター１段目 --*/

.footerA {
	clear:both;
	width:740px;
	font-size:100%;
	margin:0 5px;
	padding:10px;
	text-align:center;
	border-top:1px solid #CCCCCC;
}

/* -- フッター２段目 --*/

.footerB {
	width:740px;
	margin:0 5px;
	padding:10px;
	text-align:left;
	background-image:url(../images/dotline.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.footerB li {
	display:inline;
	padding-left:3px;
}

.footerB li a {
	color:#234BAA;
	font-size:80%;
	background-image:url(../images/footerlinks.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 5px 0 12px;
}

/* -- フッター３段目、コピーライト表記部分 --*/

.footerC {
	width:740px;
	background-image:url(../images/footerbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:8px 0 0 0;
	margin:0 5px;
	text-align:right;
}

/* -- 主に画像部分の囲み --*/

.imgBox {
	text-align:center;
	margin:10px 0 0 0;
	width:545px;
}
.imgBoxSmall {
	text-align:right;
	margin:5px 3px;
}
.imgArea{
	text-align:center;
	margin:30px 0 0 0;
}
.imgAreaSmall{
	margin:1px 5px;
}

/* -- 画像を横並びにする場合、イメージに指定 --*/

.imgAreaLeft {
	float:left;
}

.imgAreaRight {
	float:right;
}

/* -- サービス詳細ページで画像を横並びに --*/

.imgRighttxt {
	float:left;
	width:200x;
}
.imgRight {
	width:210px;
	float:right;
	text-align:right;
}
.imgRight img {
	padding:5px 2px;
}

/* -- 段落の位置調整 --*/

.boxWrap {
	clear:both;
	margin:15px 0 0 10px;
}

.boxWrap2 {
	clear:both;
	margin:10px 20px 5px 0;
}

.boxWrap2p {
	clear:both;
	padding:10px 10px 15px 10px;
}

.boxWrapp {
	clear:both;
	padding:0 10px 15px 10px;
}


.boxWrapItem {
	clear:both;
	margin:0 10px 15px 10px;
}
/* 宮本追加 */
.box {
	margin:0 30px;
	border:1px solid #EFEFEF;
	padding:15px auto 15px 40px;
	height:auto;
}

/* -- テキスト部分 --*/

.textAreaul {
	line-height:2;
	font-size:100%;
	list-style:none;
	margin:5px 0 15px 5px;
}

.textAreaul a {
	line-height:2;
	font-size:100%;
	list-style:none;
	margin:5px 0 15px 5px;
}

.textAreaulin {
	margin:5px 0 15px 10px;
}

.textAreaulin li {
	line-height:2;
	font-size:100%;
	color:#666666;
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
}

.textArea2 {
	padding-top:5px;
	padding-left:28px;
	padding-bottom:5px;
	margin-right:15px;
	line-height:1.5;
	font-size:100%;
	color:#666666;
}

.textAreaulmark {
	list-style-position: outside;
	list-style-type: disc;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
}

.arrows {
	background-image:url(../images/arrow_s.gif);
	background-repeat:no-repeat;
	background-position:4px center;
	padding:0 0 0 10px;
}


.textArealink {
	margin:5px 0 15px 10px;
	text-align:center;
}
.textArealink p {
	text-align:right;
}
.textArealink p a {
	color:#FF9900;
}
.textArealink li {
	line-height:2;
	font-size:100%;
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
}
.textArealink li a {
	color:#333333;
}

/* -- ページタイトル部分 --*/

.pageTitle {
	background-image:url(../images/bar02.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	padding:5px 0 5px 23px;
	margin:20px 0 0 0;
}

.titleBg1 {
	clear:both;
	background-image:url(../images/bar01.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:100%;
	padding:5px 0 5px 12px;
	line-height:2;
}

.titleBgG1 {
	clear:both;
	background-color:#EFEFEF;
	font-size:100%;
	margin:10px 30px 0;
	padding:15px auto 15px 40px;
}

.itemWrap {
	width:387px;
	margin:10px auto;
}

.itemWrap li{
	border: 1px solid #CCCCCC;
	line-height:3;
	margin:0 0 10px 0;
	padding:0 15px;
	font-weight:bold;
	list-style-position: inside;
	list-style-type: decimal;
	color:#CC0000;
}

.itemA {
	width:387px;
}




/*回り込みの解除*/


.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clear {
	display:inline-block;
}

*html.clear {
	height:1%;
}
.clear {
	display:block;
}

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


/* -- 汎用テーブル -- */

table.tableNomal {
	border-collapse:collapse;
	margin:10px 0;
}
table.tableNomal th,
table.tableNomal .nomal {
	padding:3px 3px;
	border:1px solid #333333;
}
table.tableNomal .nomal2 {
	padding:6px 3px;
	border-right:1px solid #333333;
	border-bottom:1px solid #CCCCCC;
}
table.tableNomal .nomal3 {
	padding:3px 3px;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
table.tableNomal .nomal4 {
	padding:3px 3px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #CCCCCC;
}
table.tableNomal .nomals {
	padding:3px 10px;
	border:1px solid #999999;
}
table.tableNomal .GoldBold {
	background-color:#E0AE41;
	color:#FFFFFF;
}
table.tableNomal .SilverBold {
	background-color:#7D7566;
	color:#FFFFFF;
}
table.tableNomal .BronzeBold {
	background-color:#8B533C;
	color:#FFFFFF;
}
table.tableNomal .GrayBold {
	background-color:#CCCCCC;
}
table.tableNomal .platinumBold {
	background-color:#0AA3FF;
	color:#FFFFFF;
}
table.tableNomal .diamondBold {
	background-color:#FF99CC;
	color:#FFFFFF;
}
.center {
	text-align:center;
}


/* -- サービス詳細テーブル部分 -- */

.service {
	margin:15px 0 0 0;
}

.service td {
	padding:3px;
	vertical-align:top;
}

.service th {
	padding:0 0 10px 0;
	vertical-align:top;
	text-align:center;
	font-weight:normal;
}

.linkWindow {
	color:#234BAA;
	background-image:url(../images/footerlinks.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 5px 0 15px;
}

/* -- テーブル部分 -- */

.boxTable {
	width:700px;
	margin:10px auto 20px auto;
}


table.specTop {
	background-color:#FFFFFF;
}

table.specTop tr {
	background-color:#FFFFFF;
}

table.specTop th {
	background-color:#DEE4F2;
	font-size:100%;
	font-weight:normal;
	padding:10px;
	vertical-align:middle;
	text-align:left;
	line-height:1.4;
}

table.specTop td {
	font-size:100%;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	line-height:1.4;
}


table.spec {
	background-color:#999999;
}

table.spec tr {
	background-color:#FFFFFF;
	border:1px solid #999999;
}

table.spec th {
	background-color:#EBEFF7;
	font-size:100%;
	font-weight:normal;
	padding:10px;
	vertical-align:top;
	line-height:1.4;
	font-weight:bold;
}

table.spec th.top{
	color:#ffffff;
	background-color:#333333;
}



table.spec td {
	font-size:100%;
	padding:10px;
	vertical-align:top;
	line-height:1.4;
}

table.spec td li {
	font-size:100%;
	padding:10px;
	margin: 0 0 0 1em;
    padding: 0;
	vertical-align:top;
	line-height:1.4;
}


table.specPv {
	background-color:#999999;
}

table.specPv tr {
	background-color:#FFFFFF;
	border:1px solid #999999;
}

table.specPv th {
	background-color:#EBEFF7;
	font-size:90%;
	font-weight:normal;
	padding:10px;
	vertical-align:top;
	line-height:1.6;
}

table.specPv td {
	font-size:90%;
	padding:10px;
	vertical-align:top;
	line-height:1.6;
}

table.specPv td li {
	font-size:90%;
	padding:10px;
	margin: 0 0 0 1em;
    padding: 0;
	vertical-align:top;
	line-height:1.6;
}


table.kiyaku {
	background-color:#F0F0F0;
}

table.kiyaku td {
	font-size:80%;
	padding:10px 10px 10px 20px;
	vertical-align:top;
	line-height:1.4;
}


/* ご利用料金 */
span.unitPrice {
	margin:15px 0 0 0;
	padding: 3px 3px;
	font-weight: bold;
}

span.unitPrice {
	border: 1px solid #CCCCCC;
}

/* お申し込み方法 */
.boxWrap3 {
	margin: 8px 0 0 20px;
	width: 460px;
}
table.boxProp {
	margin: 12px 0 20px;
}

.boxPropTd1 {
	width: 200px;
	font-weight: bold;
}
.boxPropTd1div {
	padding: 4px 6px;
	height: 38px;
	border: 3px solid #039;
}

.boxPropTd2 {
	padding: 0 4px;
	width: 35px;
}
.boxPropTd3 {
	margin: 0;
	padding: 4px 6px;
	width: 214px;
	border: 1px solid #333;
}

.propCaption {
	padding-right: 4px;
	color: #039;
	font-size: x-large;
	vertical-align: middle;
	float: left;
}

table.spec th.gray {
	background: #f5f5f5;
	line-height: 1.2;
}

.tableRight {
	margin-left: auto;
}

/* よくある質問 */


.boxCategoryList {
	padding:20px 0 0 0;
}

.faqTitle {
	font-weight:bold;
	background-color:#DEE4F2;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	line-height:2;
}

.boxTop5 {
	margin:10px;
	border: 1px solid #3D539D;
}

.faqTitleTop5 {
	font-weight:bold;
	background-color:#3D539D;
	padding:0 0 0 10px;
	line-height:2;
	color:#FFFFFF;
}

.boxWrapAbg {
	background-image:url(../images/faq_a.gif);
	background-position:12px 10px;
	background-repeat:no-repeat;
	clear:both;
	padding:10px 10px 15px 35px;
}

.boxWrapAbg p {
	padding:0 0 10px 0;
}

.boxCategoryList ol, .boxTop5 ol {
	padding:10px 0 10px 20px;
	list-style:outside;
	list-style:decimal;
	line-height:2;
}

.boxCategoryList li {
	margin:0 15px;
}

.boxTop5 li {
	margin:0 15px;
	color:#3D539D;
	font-weight:bold;
}


.boxTop5 li a {
	color:#3D539D;
}


.titleQbg {
	background-image:url(../images/faq_q.gif);
	background-position:12px 30px;
	background-repeat:no-repeat;
	padding:30px 10px 15px 35px;
}

/* お知らせ */
.boxNotice {
	margin: 14px 15px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.noticeDate {
	float:left;
	width:80px;
	padding:0 10px 0 0;
}

.noticeText {
	padding:0 0 10px 90px;
}

.noticeHead {
	padding:0 0 0.5em 90px;
	font-weight:bold;
}

.noticeHead a {
	color:#FF9900;
}

.noticeTitle {
	font-weight:bold;
	background-color:#DEE4F2;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	line-height:2;
}

/* サイトマップ */
.boxLinkCategory {
	margin: 16px 0 8px;;
	padding: 8px 0 2px;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	clear: both;
}
.linkName {
	padding: 3px 0;
}
.linkName ul {
	margin: 0 8px 0 2.2em;
}
.linkName ul.twinColumn li {
	width: 50%;
	list-style-type: disc;
	float: left;
}


/* お問い合わせ */
.kakunin {
	width:500;
	margin:auto;
	padding:20px 130px 20px;
}
.redtext {
	color:#FF0000;
}

/* リンク・利用環境 */
.copyField {
	padding: 2px 4px;
	border: 2px solid #FF9900;
	text-align:left;
}

.boxWrap4 {
	margin: 8px 0 15px 20px;
	width: 460px;
}


/* 会社概要 */

table.company {
	margin-top:30px;
}

table.company th {
	text-align: left;
}

table.company td {
	line-height: 1.6em;
}

/* プライバシーポリシー */
.privNote {
	color: #666;
}


/* お申し込み */
form.joinForm {
	padding: 8px;
	width: 490px;
	border: 1px solid #369;
}
/* SSL */
#ssl {
	margin:20px auto 10px 15px;
	text-align:left;
}

/* ---------- プログラム用スタイル ---------- */
/* 入力アラート */
.input_alert_message
{
	color:red;
	margin-left:4px;
}
.input_alert
{
	background-color : #FF9FBE;
}

/* ページTOPへ戻る */
.ret_top
{
 margin-top:40px;
 text-align:right;
}