/* ブラウザスタイルシート初期化用ファイル */

* {
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	line-height: 160%;
	font-weight: normal;
	list-style-type: none;
}
img {
	border:none;
}


/* レイアウト基本設定 */

/*最背面の設定
----------------------------------------------------- */
body {
	background-image: url(/img/common_img/body_bg.jpg);
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/*基本文字リンクカラーの設定
----------------------------------------------------- */
a:link, a:active, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #0066FF;
	text-decoration: underline;
}

/*ヘッダー領域の設定
----------------------------------------------------- */
▼▼▼header領域 {}
div#header {
	width: 800px;
	height: 95px;
	background-image: url(/img/common_img/header_bg.jpg);
	background-repeat: no-repeat;
}
h1 {
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 17px;
}
h2 {
	color: #FFFFFF;
	margin-top: 25px;
}

.h_left_a {
	float: left;
	width: 530px;
	height: 30px;
}
.h_right_a {
	float: right;
	height: 30px;
}

ul.h_button {
	margin-right: 15px;
	height: 30px;
}
ul.h_button li {
	height: 29px;
	width: 117px;
	float: left;
	margin-left: 5px;
}

.h_left_b {
	float: left;
	padding-right: 10px;
	padding-left: 15px;
}
.h_right_b {
	float: right;
	width: 590px;
}

/* グローバルメニューの設定
----------------------------------------------------- */
▼メニューの設定中身はg_menu.css内 {}
.menu-area {
	background-image: url(/img/common_img/menu_bg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 800px;
}

/* 背景白角丸四角の設定
----------------------------------------------------- */
▼背景白角丸四角の設定 {}
#contents2 {
	background-image: url(/img/common_img/container_top.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	background-color: #FFFFFF;
	width: 800px;
	float: left;
}

/* メインコラムの設定
----------------------------------------------------- */
▼▼▼▼▼メインコラムの設定 {}
#main-column {
	float: right;
	width: 550px;
	margin-top: 20px;
	padding-right: 15px;
}
.main-box-a {
	background-image: url(/img/common_img/main_bg_a01.jpg);
	background-position: top;
	background-color: #E0DFE4;
	background-repeat: no-repeat;
	width: 550px;
	padding-top: 10px;
}
.main-box-bottom {
	height: 10px;
	width: 550px;
	background-image: url(/img/common_img/main_bg_a02.jpg);
	background-repeat: no-repeat;
}

.main-box-b-top {
	background-image: url(/img/common_img/main_bg_b01.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 10px;
	background-position: bottom;
}
.main-box-b-middle {
	background-image: url(/img/common_img/main_bg_b03.jpg);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}
.main-box-b-bottom {
	height: 10px;
	width: 550px;
	background-image: url(/img/common_img/main_bg_b02.jpg);
	background-repeat: no-repeat;
}

.main-box-c-top {
	background-image: url(/img/common_img/main_bg_a01.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 10px;
	background-position: bottom;
}
.main-box-c-middle {
	background-image: url(/img/common_img/main_bg_a03.jpg);
	background-repeat: repeat-y;
	padding: 10px 20px 10px 20px;
}
.main-box-c-bottom {
	height: 10px;
	width: 550px;
	background-image: url(/img/common_img/main_bg_a02.jpg);
	background-repeat: no-repeat;
}

.main-box-d-top {
	background-image: url(/img/common_img/main_bg_a01.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 10px;
	background-position: bottom;
}
.main-box-d-middle {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E0DFE4;
}
.main-box-d-bottom {
	width: 550px;
	height: 10px;
	background-image: url(/img/common_img/main_bg_a02.jpg);
	background-repeat: no-repeat;
}

.main-box-e-top {
	width: 550px;
	height: 10px;
	background-image: url(/img/common_img/main_bg_e01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}




.main-box-e-middle {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFFFCC;
}
.main-box-e-bottom {
	height: 10px;
	width: 550px;
	background-image: url(/img/common_img/main_bg_e02.jpg);
	background-repeat: no-repeat;
}

.h3-title {
	margin-bottom: 30px;
}

.h3-lead-a {
	background-image: url(/img/common_img/h3_bg_a.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 11px 0 10px 35px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	color: #006699;
}
.h3-lead-b {
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	background-image: url(/img/common_img/h3_bg_b.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 11px 0 10px 15px;
}

.h4-lead-a {
	background-image: url(/img/common_img/arrow01.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
	font-weight: bold;
	color: #006699;
}
.h4-lead-b {
	background-image: url(/img/common_img/arrow02.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
.h4-lead-c {
	background-image: url(/img/common_img/arrow03.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
.h4-lead-d {
	background-image: url(/img/common_img/arrow04.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
#main-column p {
	line-height: 180%;
}
.table-a {
	background-color: #999999;
}
.table-a td {
	background-color: #FFFFFF;
	padding: 5px;
}

.table-b {
	border: 3px solid #CCCCCC;
	background-color: #CCCCCC;
}
.table-b th {
	background-color: #0099CC;
	color: #FFFFFF;
	padding: 5px;
}
.table-b td {
	background-color: #FFFFFF;
	padding: 5px;
}


/* 独自タグで入るやつを消す設定
----------------------------------------------------- */
#contents_outer, #contents{
/*        width: auto;
        height: auto;*/
        border-style: none;
        margin: 0px;
        padding: 0px;

}

#main{
        display: none;
        border-style: none;
        margin: 0px;
        padding: 0px;
}

#pankuzu{
        display: none;
        border-style: none;
        margin: 0px;
        padding: 0px;
}

/* 左コラムの設定
----------------------------------------------------- */
▼▼▼▼▼左コラムの設定 {}
#left-column {
	float: left;
	width: 200px;
	margin-top: 20px;
	padding-left: 15px;
}
.left-a {
	background-image: url(/img/common_img/left_bg_a01.jpg);
	background-repeat: no-repeat;
	background-color: #006599;
	background-position: top;
	margin-bottom: 10px;
	width: 200px;
	padding: 0px;
}
.left-a ul {
	background-image: url(/img/common_img/left_bg_a02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 10px;
}
.left-a li {
	width: 180px;
}

.left-bg-ad {
	background-image: url(/img/common_img/left_bg_b03.jpg);
	background-repeat: repeat-y;
}
.left-bg-ad p {
	background-image: url(/img/common_img/left_bg_ad.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 200px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 0px;
}
.left-bg-ad ul {
	background-image: url(/img/common_img/left_bg_b02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.left-bg-ad li {

}

.left-b {
	background-image: url(/img/common_img/left_bg_b01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 10px;
}
.left-b ul {
	background-image: url(/img/common_img/left_bg_b02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.left-b li {
	width: 180px;
	padding-bottom: 5px;
}

/*サンプルサイト枠
----------------------------------------------------- */
#sample{
width: 190px;
border: solid 2px #006699;
text-align:center;
}

#sample h4{
color: #006699;
font-weight:bold;
font-size: 16px;
margin: 5px;
}

/* フッター領域の設定
----------------------------------------------------- */
▼▼▼▼▼footer領域 {}
div#footer {
	clear: both;
	padding-bottom: 10px;
}
.backtop {/*上に戻る */
	text-align: right;
	width: 790px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	padding-right: 10px;
}
ul.footer-link {/*下層ページへのテキストリンク */
	text-align: center;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
ul.footer-link li {/*下層ページへのテキストリンク */
	display: inline;
}
.copyright {/*著作権表示のテキストリンク */
	font-size: 12px;
	background-image: url(/img/common_img/footer_bg.jpg);
	background-repeat: no-repeat;
	width: 800px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 13px;
}


/*グローバルリンク設定 */

ul#menu {
	list-style:none;
	height: 50px;
	width: 774px;
	padding-left: 10px;
}
ul#menu li {
	list-style:none;
	width:129px;
	height: 50px;
	float: left;
}
ul#menu a {
	display:block;
	width:129px;
	height:50px;
	background-image:url(/img/common_img/menu.jpg);
	background-repeat: no-repeat;
}
ul#menu a span {display:none;}

/*menu基本色
------------ */
a.n01 {background-position:0px 0px;}
a.n02 {background-position:-129px 0px;}
a.n03 {background-position:-258px 0px;}
a.n04 {background-position:-387px 0px;}
a.n05 {background-position:-516px 0px;}
a.n06 {background-position:-645px 0px;}

/*menuマウスオーバー色
------------------------------ */
a:hover.n01 {background-position:0px -50px;}
a:hover.n02 {background-position:-129px -50px;}
a:hover.n03 {background-position:-258px -50px;}
a:hover.n04 {background-position:-387px -50px;}
a:hover.n05 {background-position:-516px -50px;}
a:hover.n06 {background-position:-645px -50px;}

/*menuアクティブ色
------------------------------ */
a.n01-on {background-position:0px -50px;}
a.n02-on {background-position:-129px -50px;}
a.n03-on {background-position:-258px -50px;}
a.n04-on {background-position:-387px -50px;}
a.n05-on {background-position:-516px -50px;}
a.n06-on {background-position:-645px -50px;}


/*個別スタイル設定 */

/*ホーム
----------------------------------------------------- */
▼▼▼index.htmlの設定 {}

#main-column-top {
	float: right;
	width: 550px;
	margin-top: 10px;
	padding-right: 15px;
}
.top-table-a {
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF;
	margin-left: 8px;
}
.top-table-a td {
	font-size: 12px;
	line-height: 150%;
}

.top-table-b {
	margin-left: 8px;
}
.top-table-b td {
	font-size: 12px;
	line-height: 150%;
	padding: 10px;
	background-color: #FFFFFF;
}
.top-table-b td h3 {
	padding-bottom: 5px;
}

/*サービス概要
----------------------------------------------------- */
▼▼▼service.htmlの設定 {}


/*導入事例
----------------------------------------------------- */
▼▼▼case.htmlの設定 {}
.case-box {
	width: 270px;
}

.case-box-top {
	background-image: url(/img/case_img/case_box_top.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 270px;
}
.case-box-top h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 32px;
	padding-top: 4px;
}
.case-box-middle {
	background-image: url(/img/case_img/case_box_middle.jpg);
	background-repeat: repeat-y;
	height: 155px;
	width: 245px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.case-box-middle p {
	font-size: 12px;
	line-height: 130%!important;
}
.case-box-bottom {
	background-image: url(/img/case_img/case_box_bottom.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 270px;
}

.case-float-right {
	float: right;
	padding-left: 5px;
	padding-bottom: 10px;
}
.case-float-left {
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
}

/*サービス内容
----------------------------------------------------- */
▼▼▼service.htmlの設定 {}


/*よくある質問
----------------------------------------------------- */
▼▼▼faq.htmlの設定 {}


/*サイトマップ
----------------------------------------------------- */
▼▼▼sitemap.htmlの設定 {}


/*会社概要
----------------------------------------------------- */
▼▼▼company.htmlの設定 {}



/*個別スタイル設定 */

/*文字の色設定
----------------------------------------------------- */
▼▼▼文字の色設定 {}
.font-red {color: #FF0000!important;}
.font-blue {color: #0000CC!important;}
.font-green {color: #339900!important;}
.font-orange {color: #FF6600!important;}
.font-darkblue {color: #003399!important;}
.font-white {color: #FFFFFF!important;}

/*文字のサイズ設定
----------------------------------------------------- */
▼▼▼文字のサイズ設定 {}
.font10px {font-size: 10px!important;}
.font12px {font-size: 12px!important;}
.font14px {font-size: 14px!important;}
.font16px {font-size: 16px!important;}
.font20px {font-size: 20px!important;}
.font24px {font-size: 24px!important;}

/*文字のウエイト設定
----------------------------------------------------- */
▼▼▼文字のウエイト設定 {}
strong {font-weight: bold!important;}
.font-bold {font-weight: bold!important;}

/*配置ポジション設定
----------------------------------------------------- */
▼▼▼配置ポジション設定 {}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-left {text-align: left;}

/*画像の回り込み設定
----------------------------------------------------- */
▼▼▼画像の回り込み設定 {}
.float-right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.float-left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*レイアウト下部余白
----------------------------------------------------- */
▼▼▼レイアウト下部余白 {}
.bottom005px {margin-bottom: 5px!important;}
.bottom010px {margin-bottom: 10px!important;}
.bottom015px {margin-bottom: 15px!important;}
.bottom020px {margin-bottom: 20px!important;}
.bottom030px {margin-bottom: 30px!important;}
.bottom040px {margin-bottom: 40px!important;}
.bottom050px {margin-bottom: 50px!important;}
.bottom100px {margin-bottom: 100px!important;}
.bottom200px {margin-bottom: 200px!important;}
.bottom300px {margin-bottom: 300px!important;}
.bottom400px {margin-bottom: 400px!important;}
.bottom500px {margin-bottom: 500px!important;}

/*ボーダーの設定
----------------------------------------------------- */
▼▼▼ボーダーの設定{}
hr.border1 {
	border-top-width: 1px;
	border-top-color: #999999;
	height: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;
}


.category {
 border-style: solid;

 border-width: px;

	width: px;
}

.category h3 {
 font-weight: nomal;

	font-size: px;
}

.ygtvitem {
 font-weight: nomal;

	font-size: px;
}

.ygtvlabel {
 text-decoration: none;

 margin-left: 2px;

 font-weight: nomal;

	font-size: px;
}

.ygtvtn {
 background: url('/common/img/treeview/tn.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvtm {
 background: url('/common/img/treeview/tm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtmh {
 background: url('/common/img/treeview/tmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtp {
 background: url('/common/img/treeview/tp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtph {
 background: url('/common/img/treeview/tph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvln {
 background: url('/common/img/treeview/ln.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvlm {
 background: url('/common/img/treeview/lm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlmh {
 background: url('/common/img/treeview/lmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlp {
 background: url('/common/img/treeview/lp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlph {
 background: url('/common/img/treeview/lph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvloading {
 background: url('/common/img/treeview/loading.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvdepthcell {
 background: url('/common/img/treeview/vline.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvblankdepthcell {
 height: 22px;

	width: 16px;
}

* html .ygtvchildren {
	height: 2%;
}

.ygtvlabel:link {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:visited {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:hover {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvspacer {
 margin: 2px;

 width: 10px;

	height: 10px;
}

.process {
 border-width: px;

 border-style: solid;

	width: px;
}

.process h2 {
 font-weight: nomal;

	font-size: px;
}

.process h3 {
 font-weight: nomal;

	font-size: px;
}

.process p {
 font-weight: nomal;

	font-size: px;
}

.payment {
 border-width: px;

 border-style: solid;

	width: px;
}

.payment h2 {
 font-weight: nomal;

	font-size: px;
}

.payment h3 {
 font-weight: nomal;

	font-size: px;
}

.payment p {
 font-weight: nomal;

	font-size: px;
}

.rule {
 border-width: px;

 border-style: solid;

	width: px;
}

.rule h2 {
 font-weight: nomal;

	font-size: px;
}

.rule h3 {
 font-weight: nomal;

	font-size: px;
}

.rule p {
 font-weight: nomal;

	font-size: px;
}

.qa {
 border-width: px;

 border-style: solid;

	width: px;
}

.qa h2 {
 font-weight: nomal;

	font-size: px;
}

.qa h3 {
 font-weight: nomal;

	font-size: px;
}

.qa p {
 font-weight: nomal;

	font-size: px;
}

.qa_map h4 {
 font-weight: nomal;

	font-size: px;
}

.profile {
 border-width: px;

 border-style: solid;

	width: px;
}

.profile h2 {
 font-weight: nomal;

	font-size: px;
}

.profile h3 {
 font-weight: nomal;

	font-size: px;
}

.profile p {
 font-weight: nomal;

	font-size: px;
}

.link {
 border-width: px;

 border-style: solid;

	width: px;
}

.link h2 {
 font-weight: nomal;

	font-size: px;
}

.link h3 {
 font-weight: nomal;

	font-size: px;
}

.link p {
 font-weight: nomal;

	font-size: px;
}

.map {
 border-width: px;

 border-style: solid;

	width: px;
}

.map h2 {
 font-weight: nomal;

	font-size: 0px;
}

.map h3 {
 font-weight: nomal;

	font-size: px;
}

.map p {
 font-weight: nomal;

	font-size: px;
}

.tokusho {
 border-width: px;

 border-style: solid;

	width: px;
}

.tokusho h2 {
 font-weight: nomal;

	font-size: px;
}

.tokusho th {
 font-weight: nomal;

	font-size: px;
}

.tokusho h3 {
 font-weight: nomal;

	font-size: px;
}

.tokusho td {
 font-weight: nomal;

	font-size: px;
}

.tokusho p {
 font-weight: nomal;

	font-size: px;
}

.privacy {
 border-width: px;

 border-style: solid;

	width: px;
}

.privacy h2 {
 font-weight: nomal;

	font-size: px;
}

.privacy h3 {
 font-weight: nomal;

	font-size: px;
}

.privacy p {
 font-weight: nomal;

	font-size: px;
}

.recommend {
 border-width: px;

 border-style: solid;

	width: px;
}

.recommend h3 {
 font-weight: nomal;

	font-size: px;
}

.recommend .title {
 font-weight: nomal;

	font-size: px;
}

.recommend .content p {
 font-weight: nomal;

	font-size: px;
}

.recommend .content img.left {
	float: left;
}

.recommend .content img.right {
	float: right;
}

.ranking {
 border-width: px;

 border-style: solid;

	width: px;
}

.ranking h3 {
 font-weight: nomal;

	font-size: px;
}

.ranking .title {
 font-weight: nomal;

	font-size: px;
}

.ranking .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew {
 border-width: px;

 border-style: solid;

	width: px;
}

.whatsnew h3 {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .title {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .content img.left {
	float: left;
}

.whatsnew .content img.right {
	float: right;
}

.whatsnew-page {
 border-width: px;

 border-style: solid;

	width: px;
}

.whatsnew-page h2 {
 font-weight: nomal;

	font-size: px;
}

.whatsnew-page th {
 font-weight: nomal;

	font-size: px;
}

.whatsnew-page td {
 font-weight: nomal;

	font-size: px;
}

.mail {
 border-width: px;

 border-style: solid;

	width: px;
}

.mail h2 {
 font-weight: nomal;

	font-size: px;
}

.mail h3 {
 font-weight: nomal;

	font-size: px;
}

.mail th {
 font-weight: nomal;

 font-size: px;

 border-width: px;

	border-style: solid;
}

.mail td {
 font-weight: nomal;

 font-size: px;

 border-width: px;

	border-style: solid;
}

.mail .text {
 font-weight: nomal;

	font-size: px;
}

.entry {
 border-width: px;

 border-style: solid;

	width: px;
}

.entry h2 {
 font-weight: nomal;

	font-size: px;
}

.entry h3 {
 font-weight: nomal;

	font-size: px;
}

.entry th {
 font-weight: nomal;

 font-size: px;

 border-width: px;

	border-style: solid;
}

.entry td {
 font-weight: nomal;

 font-size: px;

 border-width: px;

	border-style: solid;
}

.entry .text {
 font-weight: nomal;

	font-size: px;
}