/* -- reset -- */

* {
	margin:0;
	padding:0;
}

body {
	font-size:75%;
	line-height:1.5;
	background-color:#FFFFFF;
	color:#333333;
}

img {
	border:0;
}

a {
	color:#666666;
	text-decoration:underline;
	background-color:transparent;
	}

a:hover {
	color:#ff6600;
	text-decoration:none;
	}


/* -- 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;
}

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

.text100 {
	font-size:100%;
}

.text83 {
	font-size:83%;
}

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

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

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

#header {
	width:760px;
}

#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:540px;
	float:right;
}

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

.headerRightB {
	width:540px;
	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;
}

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

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

/* -- メイン部分、右側、メニュー部分 --*/

.sidewrap {
	width:198px;
	float:right;
}

.side {
	width:198px;
	padding:10px 0;
	float:right;
}

/* -- サイド、メニューのタイトル部分 --*/

.sideA {
	width:196px;
	background-image:url(../images/upper.jpg);
	background-repeat:no-repeat;
	background-color:#F7F7F7;
	font-size:100%;
	font-weight:bold;
	padding:9px 0 13px 0;
	text-align:center;
	line-height:1;
	color:#FFFFFF;
}


/* -- サイド、メニューの中身部分 --*/

.sideB {
	width:196px;
	padding:0 0 11px 0;
	background-image:url(../images/below.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.sideB dl {
	list-style-type: none;
	padding:5px 15px;
	line-height:1.25;
}

.sideB dl dt {
	font-size:100%;
	color:#333333;
	font-weight:bold;
	padding:0.75em 0 0 0;
}

.sideB dl dd {
	font-size:100%;
	color:#333333;
	font-weight:bold;
	padding:0.75em 0 0 10px;
}

.sideB dl dt a {
	list-style-type:none;
	font-size:100%;
	color:#0066CC;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 15px;
	background-image:url(../images/arrow_b.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
}

.sideB dl dd a {
	list-style-type:none;
	font-size:100%;
	color:#0066CC;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 15px;
	background-image:url(../images/arrow_s.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
}

.sideB dl dt a:hover{
	list-style-type: none;
	font-size:100%;
	color:#FF9900;
	font-weight:bold;
	text-decoration:underline;
	padding:0 0 0 15px;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sideB dl dd a:hover{
	list-style-type: none;
	font-size:100%;
	color:#FF9900;
	font-weight:bold;
	text-decoration:underline;
	padding:0 0 0 15px;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}


/* -- サイド(オレンジ色）（SEMについて） -- */

.sidenoA1 .sideA1 a {
	color:#FF9900;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoA2 .sideA2 a {
	color:#FF9900;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoA3 .sideA3 a {
	color:#FF9900;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoA4 .sideA4 a {
	color:#FF9900;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoA5 .sideA5 a {
	color:#FF9900;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoA6 .sideA6 a {
	color:#FF9900;
	background-image:url(../images/arrow_o.gif);
	background-repeat:no-repeat;
	background-position:left center;
}


/* -- サイド(オレンジ色）　（サービス一覧P4P） -- */

.sideB .sidedt a {
	color:#FF9900;
	background-image:url(../images/arrow_o_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB1 .sideB1 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB2 .sideB2 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB3 .sideB3 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB4 .sideB4 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB5 .sideB5 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB6 .sideB6 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB7 .sideB7 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB8 .sideB8 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB9 .sideB9 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB10 .sideB10 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB11 .sideB11 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB12 .sideB12 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB13 .sideB13 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.sidenoB14 .sideB14 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

/* -- サイド(オレンジ色）　（サービス一覧SEO） -- */

.sidenoC1 .sideC1 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

/* -- サイド(オレンジ色）　（サービス一覧SEM） -- */

.sidenoD1 .sideD1 a {
	color:#FF9900;
	background-image:url(../images/arrow_s_d.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

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

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

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

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

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

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

.footerB li {
	display:inline;
}

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

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

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

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

.imgBox {
	text-align:center;
	margin:10px 0 0 0;
	width:545px;
}

.imgArea{
	text-align:center;
}

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

.imgAreaLeft {
	float:left;
}

.imgAreaRight {
	float:right;
}

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

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

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

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

/*
.boxWrapMerit {
	clear:both;
	margin:30px 0 15px 10px;
}
*/

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

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

.textAreaul {
	line-height:2;
	font-size:100%;
	color:#666666;
	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;
}

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

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

.pageTitle {
	background-image:url(../images/bar02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	padding:5px 0 5px 23px;
	margin:10px 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;
}


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

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

.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;
}


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

.boxTable {
	width:530px;
	margin:30px auto 20px auto;
}


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

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

table.specTop th {
	background-color:#99CCFF;
	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:#99CCFF;
	font-size:100%;
	font-weight:normal;
	padding:10px;
	vertical-align:top;
	line-height:1.4;
}

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

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

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



/*
-
- H.oka vvv
-
*/

/* ご利用料金 */
span.unitPrice, span.total {
	padding: 1px 3px;
	font-weight: bold;
}

span.unitPrice {
	color: #039;
	border: 2px solid #039;
}

span.total {
	color: #fff;
	background: #039;
}

/* お申し込み方法 */
.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;
}

/* よくある質問 */
.boxCategory {
	float: left;
}

.boxCategoryList {
	margin: 0 24px 0 8px;
	margin-bottom: 24px;
	padding-left: 6px;
	width: 228px;
}

.faqTitle {
	padding: 2px 0 0 4px;
	color: #006;
	font-weight: bold;
	font-size: larger;
	background: #9cf;
	/*border: 1px solid #666;*/
}

.boxTop5 {
	padding-left: 6px;
	width: 228px;
	float: left;
}

.boxCategoryList ol, .boxTop5 ol {
	margin: 0 8px 0 2.2em;
	padding: 0;
}

.boxCategoryList li, .boxTop5 li {
	padding: 3px 0;
	line-height: 1.4em;
	/*list-style-type: none;*/
}


/* お知らせ */
.boxNotice {
	margin-left: 24px;
	padding: 14px 0 6px;
	border-bottom: 1px solid #666;
}

.noticeDate {
	margin-right: 14px;
}

.noticeText {
	margin-left: 10px;
}

.noticeDateR {
	text-align: right;
}

.noticeDetailTitle {
	margin-bottom: 16px;
	font-size: larger;
	font-weight: bold;
}

.noticeDetailText {
	margin: 12px 0;
}


/* サイトマップ */
.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: 240px;
	list-style-type: disc;
	float: left;
}


/* お問い合わせ */
.ind {
	color: #f00;
}

/* リンク・利用環境 */
.copyField {
	padding: 2px 4px;
	border: 2px solid #f33;
}


/* 会社概要 */

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;
}

/*
-
- H.oka ^^^
-
*/





/* -- login 後 -- */

.headerA2 {
	width:760px;
}

.keepTicket {
	width:760px;
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:right;
	font-size:95%;
}

#mainLogin {
	width:760px;
	margin:0 auto 30px;
}

#mainTitle2 {
	font-size:120%;
	font-weight:bold;
	color:#000000;
	padding:8px 0 5px 12px;
	margin:10px 0 20px 0;
	border-bottom:1px solid #7289C6;
	background-color:#FFFFFF;
}

.textArea3 {
	padding:5px 0 5px 14px;
	margin-right:15px;
	line-height:1.5;
	font-size:100%;
	color:#000000
}


.textArea4 {
	padding: 12px 0 8px;
	text-align: center;
}

.textArea5 {
	padding:5px 0 5px 55px;
	margin-right:15px;
	line-height:1.5;
	font-size:100%;
	color:#000000
}

.boxTable2 {
	width:650px;
	margin:30px auto 20px auto;
}

.textThanks {
	width:400px;
	margin:30px auto 20px auto;
}

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

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

table.spec2 th {
	background-color:#F5F5F5;
	color:#000000;
	font-size:100%;
	font-weight:normal;
	padding:10px;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
}

table.spec2 th.skyblue {
	background-color:#BCD1E7;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	padding:10px;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
}


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

.tabWrap {
	width:760px;
	height:44px;
	margin:0 auto 0;
	background-color:#EFEFEF;
}

.tabWrap ul {
	list-style-type:none;
	margin:0 0 0 5px;
	padding-top:5px;
}

.tabWrap ul li {
	list-style-type:none;
	margin:0 1px 0 0;
	float:left;
}

.tabWrap ul li a{
	list-style-type:none;
	margin:0 1px 0 0;
	float:left;
}

.tabLine {
	width:760px;
	height:6px;
	background-image:url(../images/login_menu_bar.jpg);
}


.progress {
	color: #f33;
	font-weight: bold;
}

.clearer {
	clear: both;
}

.tdsideL {
	float: left;
}

.tdsideR {
	float: right;
}


input.dl {
	padding: 1px 4px;
	color: #fff;
	font-weight: bold;
	background: #2549A1;
}

.underSeparate {
	margin-bottom: 8px;
	border-bottom: 1px dotted #999;
}

.step {
	color: #f00;
	font-size: larger;
	font-weight: bold;
}

.noteSymbol {
	height: 36px;
	float: left;
}

.textTanks {
	font-size:130%;
	font-weight:bold;
}

#footer2 {
	clear:both;
	width:760px;
	margin-top:200px;
}

.orangeA a {
	color:#FF6600;
	font-size:120%;
	text-decoration:underline;
}




.ret_top
{
	margin-top:40px;
	text-align:right;
}


.picker_wrapper
{
	float:left;
}
.date_picker_disp
{
	position:absolute;
	z-index:10;
}


.datepicker th  {
	padding : 0px !important;
}
	
.datepicker td {
	padding : 0px !important;
}

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