@charset "utf-8";


body {
	color: #666666;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #FFF url(../images/bg.gif) repeat-x center top;	/*全体の背景色、背景画像の読み込み＆X軸(横軸)にリピート＆上部に配置*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666666;
}
a:hover {
	color: #FF9C16;	/*マウスオン時の文字色*/
	text-decoration: none;
}

/*リンク（個別）設定
---------------------------------------------------------------------------*/
a.link1 { 
			color:white; 	text-decoration:none;
}
a:hover.link1 {
		    color:yellow; 	text-decoration:none;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダー（ロゴなどが入ったブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	height: 85px;	/*ヘッダーの高さ*/
	width: 100%;
	position: relative;
}
/*ロゴ画像設定*/
#header #logo {
	position: absolute;
	left: 0px;	/*ヘッダーブロックに対して左から0pxの位置に配置*/
	top: 35px;	/*ヘッダーブロックに対して上から35pxの位置に配置*/
}
/*h1見出しタグ設定*/
#header h1 {
	font-size: 14px;	/*文字サイズ*/
	line-height: 30px;
	font-weight: normal;
	color: #999;		/*文字色*/
	position: absolute;
	left: 5px;	/*ヘッダーブロックに対して左から5pxの位置に配置*/
	top: 6px;	/*ヘッダーブロックに上して下から6pxの位置に配置*/
}

#header h1 a {
	text-decoration: none;
	color: #000;	/*文字色*/
}
/*会社名表示*/
#header #logo1 {
    font-size: 20px;	/*文字サイズ*/
    color: #000;		/*文字色*/
	position: absolute;
	left: 300px;	/*ヘッダーブロックに対して左から380pxの位置に配置*/
	top: 40px;	/*ヘッダーブロックに対して上から40pxの位置に配置*/
　　
}
/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	height: 43px;
	padding-top: 3px;
}
ul#menu li {
	float: left;
	padding-right: 3px;
}
ul#menu li.last {
	padding-right: 0px;
}
ul#menu img {
	vertical-align: bottom;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
	}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: left;	/*メインコンテンツを右(right)に回り込み*/
	width: 1080px;	/*メインコンテンツ幅*/
	padding: 0px 0px 30px;	/*左から、上、左右、下への余白*/
}
/*トップページのみの設定*/
#top #main {
	padding: 0px 0px 30px;	/*左から、上、左右、下への余白*/
}
/*h2タグ設定*/
#main h2 {
	font-size: 120%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	clear: both;
	width: 100%;
	line-height: 40px;
	height: 40px;
	background: url(../images/bg_list/bg3_1.png) repeat;	/*背景画像の読み込み、背景画
	像をリピートしない(no-repeat)*/
	padding-left: 10px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	
}
/*トップページのh2タグ設定*/
#top #main h2 {
	background: url(../images/bg_list/bg3_1.png)repeat;
}
/*「機能一覧について」のh2タグ設定*/
#page2 #main h2 {
	background: url(../images/bg_list/bg3_2.png) repeat;
}
/*「デモンストレーション」のh2タグ設定*/
#page3 #main h2 {
	background: url(../images/bg_list/bg3_3.png) repeat;
}
/*「料金」のh2タグ設定*/
#page4 #main h2 {
	background: url(../images/bg_list/bg3_4.png) repeat;
}
/*「よくあるご質問」のh2タグ設定*/
#page5 #main h2 {
	background: url(../images/bg_list/bg3_5.png) repeat;
}
/*「導入事例」のh2タグ設定*/
#page6 #main h2 {
	background: url(../images/bg_list/bg3_6.png) repeat;
}
/*段落タグの余白設定*/
#main p {
	padding: 0.5em 10px 1em;	/*左から、上、左右、下への余白*/
}
#main p.img {
	padding: 0.5em 0px 1em;	/*左から、上、左右、下への余白*/
}


#main .boxx {
	padding: 10px;
	overflow: hidden;
	margin-bottom: 1em;
	border: 3px double #ffffff;	/*各ボックスの線幅、線種、色*/
	width: 1080px;
}



/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*サブコンテンツを左(left)に回り込み*/
	width: 240px;	/*サブコンテンツ幅*/
	padding: 20px 0px 30px;	/*左から、上、左右、下への余白*/
}
/*h3タグ設定*/
#sub h3 {
	font-size: 100%;
	color: #FFFFFF;	/*文字色*/
	border-bottom: 4px solid #FF9C16;	/*下部の線の幅、線種、色の設定*/
	background: #C5C5C5 url(../images/bg1.gif) repeat-x bottom;	/*背景色、背景画像の読み込み＆X軸(横軸)にリピート＆下部に配置*/
	padding: 5px;
}
/*段落タグの余白設定*/
#sub p {
	padding: 0.5em 0px 1em;	/*左から、上、左右、下への余白*/
}
/* ========FOOTER======== */
#footer {
   clear:both;
   background:#dedede;
}

#footMenu {
   clear:both;
   overflow:hidden;
   width:1080px;
   margin:0 auto;
   padding:30px 10px 30px 40px;
}

/* ========FOOTMENU CUSTOMIZE======== */
#footMenu .section {
   float:left;
   width:330px;
   margin-right:30px;
   padding:0;
}

#footMenu h3 {
   font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
   font-size:13px;
   border-bottom:1px dotted #999;
	float:left;
	
}

#footMenu ul {
   margin:0;
   padding:0;
}

#footMenu li {
	
   font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
   margin:0;
   padding:0;
   list-style:none;
   float:left;
   clear:both;
}

#footMenu li a {
   
   font-size:13px;
   color:#555;
   text-decoration: none;
}

#footMenu li a:hover {
	color: #FF9C16;	/*マウスオン時の文字色*/
	text-decoration: none;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:14px;
   text-align:center;
}
/*よくあるご質問ページ設定
---------------------------------------------------------------------------*/
/*Q（質問）*/
dl.faq dt {
	background: url(../images/faq_q.gif) no-repeat left top;	/*Qアイコンの読み込み*/
	padding-left: 25px;
	font-weight: bold;	/*文字を太字に*/
	color: #846fc8;		/*文字色*/
}
/*A（回答）*/
dl.faq dd {
	background: url(../images/faq_a.gif) no-repeat left top;	/*Aアイコンの読み込み*/
	padding-left: 25px;
	border-bottom: 1px solid #c9c9c9;	/*回答の下の線の幅、線種、色*/
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 720px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	width: 377px;
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 250px;
	padding: 10px;
	text-align: left;
	background-color: #E5E5E5;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFFFFF;			/*文字色*/
	background: #95C436;	/*背景色*/
		}

/*テーブル2
---------------------------------------------------------------------------*/
.ta2 {
	width: 720px;
}
.ta2, .ta2 td, .ta2 th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta2 td{
	width: 377px;
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta2 th{
	width: 250px;
	padding: 10px;
	text-align: left;
	background-color: #E5E5E5;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta2 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFFFFF;			/*文字色*/
	background: #ffb3b3;	/*背景色*/
}

/*テーブル3
---------------------------------------------------------------------------*/
.ta3 {
	width: 720px;
}
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta3 td{
	width: 377px;
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta3 th{
	width: 250px;
	padding: 10px;
	text-align: left;
	background-color: #E5E5E5;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta3 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFFFFF;			/*文字色*/
	background: #b3b3ff;	/*背景色*/
}


/*テーブル4
---------------------------------------------------------------------------*/
.ta4 {
	width: 720px;
}
.ta4, .ta4 td, .ta4 th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta4 td{
	width: 285px;
	padding: 10px;
	text-align: center;
}

.rei1 { font-size : 120%; background: #ccccff; }
.rei2 { font-size : 120%; background: #ffcccc; }

/*テーブル内の左側の見出し部分*/
.ta4 th{
	width: 80px;
	padding: 10px;
	text-align: center;
	background-color: #E5E5E5;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta4 th.tamidashi{
	width: auto;
	text-align: center;
	color: #FFFFFF;			/*文字色*/
	background: #b3b3ff;	/*背景色*/
}


/*テーブル5
---------------------------------------------------------------------------*/
.ta5 {
	width: 1080px;
	font-size: 100%;
}
.ta5, .ta5 td, .ta5 th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta5 td{
	width: 200px;
	padding: 10px;
	text-align: center;
}

.rei4 { font-size : 120%; background: #ccccff; }
.rei5 { font-size : 120%; background: #ffcccc; }

/*テーブル内の左側の見出し部分*/
.ta5 th{
	width: 80px;
	padding: 10px;
	text-align: center;
}

.rei3 { font-size : 120%; background: #E5E5E5; }
.rei1 { font-size : 120%; background: #fcc800; }
.rei2 { font-size : 120%; background: #8fc31f; }

/*テーブル１行目に入った見出し部分*/
.ta5 th.tamidashi{
	width: auto;
	text-align: center;
	color: #FFFFFF;			/*文字色*/
	background: #b3b3ff;	/*背景色*/
}




/*テーブル（サブコンテンツ内の予定表）
---------------------------------------------------------------------------*/
.cal {
	width: 240px;
}
.cal, .cal td, .cal th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
	text-align: center;
}
/*曜日*/
.cal th{
	background-color: #E5E5E5;	/*背景色*/
}
.cal .sat{
	color: #09F;	/*「土」の文字色*/
}
.cal .sun{
	color: #C33;	/*「日」の文字色*/
}
/*文字サイズ変更ボタン
---------------------------------------------------------------------------*/
ul#fsize {
	height: 34px;
	width: 80px;
	position: absolute;
	right: 210px;	/*ヘッダーブロックに対して右から210pxの位置に配置*/
	top: 40px;	/*ヘッダーブロックに対して上から40pxの位置に配置*/
	padding-left: 80px;
	background: url(../images/fsize_bg.gif) no-repeat;	/*背景画像(土台)の読み込み*/
}
ul#fsize li {
	float: left;
}
ul#fsize a{
	overflow:hidden;
	display: block;
	text-indent: -9999px;
}
ul#fsize li#me a {
	background-image: url(../images/fsize_on_01.gif);
	height: 34px;
	width: 30px;
}
ul#fsize li#me a:hover {
	background-image: url(../images/fsize_on_01.gif);
}
ul#fsize li#la a {
	background-image: url(../images/fsize_02.gif);
	height: 34px;
	width: 30px;
}
ul#fsize li#la a:hover {
	background-image: url(../images/fsize_on_02.gif);
}

/*画像オンマウス設定
---------------------------------------------------------------------------*/

a.thumbnail {
	display: block;
	
	margin: 0.3em 10px 0.3em 0;
　　　　
}
a.thumbnail img{
	position: absolute;
             
}
a.thumbnail,
a.thumbnail img{
	width: 300px;
	height: 255px;
}
a.thumbnail:hover {
	border: none;
	cursor: default;
}
a.thumbnail:hover img {
        position:relative;
 top:0px;
 left:300px;
	width: auto;
	height: auto;
}


a.thumbnail2 {
	display: block;
	
	margin: 0.3em 10px 0.3em 0;
　　　　
}
a.thumbnail2 img{
	position: absolute;
             
}
a.thumbnail2,
a.thumbnail2 img{
	width: 105.5px;
	height: 136.25px;
}
a.thumbnail2:hover {
	border: none;
	cursor: default;
}
a.thumbnail2:hover img {
        position:relative;
 top:-200px;
 left:300px;
	width: auto;
	height: auto;
}



/*その他
---------------------------------------------------------------------------*/
.look {
	background-color: #E9E9E9;
}
.mb1em {
	margin-bottom: 1em;
}
.pt0 {
	padding-top: 0 !important;
}
.mini {
	font-size: 12px;
}
.fr {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.fl {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #FF9C16;
}
.color2 {
	color: #ff6666;
}
.color3 {
	color: #6666ff;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}

div.blocka {
   float: left;
   width: 33%;
}
div.blockb {
   float: left;
   width: 33%;
   clear: none;
}
div.blockc {
   float: left;
   width: 33%;
   clear: none;
}

/*------------boxrounded----------------*/


div#boxround{
width: 1080px;
	height: 1200px;
}

/*------------explan----------------*/
div#explan{
	width: 700px;
	height: 1200px;
	float:right;
}


.ex1 {
    width: 700px;
    height: 270px;
    background-color: #fff;
    float: right;
    font-size: 250%;
    text-align: left;
    color: #FC5D8A;
    margin: 0em auto;
    position: relative;
	left: 0px;	
	top: -375px;
	
}
 

.ex2 {
    width: 700px;
    height: 270px;
    background-color: #fff;
    float: right;
    font-size: 250%;
    text-align: left;
    color: #5D8AFC;
    margin: 1em auto;
    position: relative;
	left: 0px;	
	top: -375px;
}
 

.ex3 {
    width: 700px;
    height: 270px;
    background-color: #fff;
    float: right;
    font-size: 250%;
    text-align: left;
    color: orange;
    margin: 0em auto;
    position: relative;
	left: 0px;
	top: -375px;
}
 
.ex4 {
    width: 700px;
    height: 270px;
    background-color: #fff;
    float: right;
    font-size: 250%;
    text-align:left;
    color: limegreen;
    margin: 1em auto;
    position: relative;
	left: 0px;	
	top: -375px;
}
 


div#rounded{
	width: 1080px;
	height: 450px;
}


.box1 {
    width: 270px;
    height: 270px;
    background-color: #FC5D8A;
    float: left;
    font-size: 150%;
    text-align: center;
    color: #fff;
    margin: 3em auto;
    position: relative;
	left: 0px;
	top: -80px;
	
}
 
.rounded1 {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}
	
.box2 {
    width: 270px;
    height: 270px;
    background-color: #5D8AFC;
    float: left;
    font-size: 150%;
    text-align: center;
    color: #fff;
    margin: 3em auto;
    position: relative;
	left: 0px;
	top: 100px;
}
 
.rounded2 {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.box3 {
    width: 270px;
    height: 270px;
    background-color: orange;
    float: left;
    font-size: 150%;
    text-align: center;
    color: #fff;
    margin: 3em auto;
    position: relative;
	left: 0px;
	top: -80px;
}
 
.rounded3 {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.box4 {
    width: 270px;
    height: 270px;
    background-color: limegreen;
    float: left;
    font-size: 150%;
    text-align: center;
    color: #fff;
    margin: 3em auto;
    position: relative;
	left: 0px;
	top: 100px;
}
 
.rounded4 {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}






/*-------------------------------------*/
/* TOPページ　冒頭部
/*-------------------------------------*/

div#bgColor{
	background: #F8F7F5 ;
	border: 1px solid #dedede;
	width:100%;
	min-width:1080px;
}

div#bgColor1 {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

div#mainImgBox{
	margin: 0 auto;
	text-align: left;
	width: 1080px;
	background: url(../images/haikei_3.png) no-repeat top right;
	min-height:349px;
	height: auto !important;
	height: 349px;
}

div#mainImgBox div#mainMessageBox{
	width: 356px;
	min-height:349px;
	height: auto !important;
	height: 349px;
	background: #fff;
	border-left: 1px solid #dedede;
	border-right: 1px solid #efefef;
}

div#mainImgBox div#mainMessageBox strong{
	font-weight: bold;
	font-size: 17px;
	display: block;
	padding: 30px 20px 10px;
}
div#mainImgBox div#mainMessageBox span{
	padding: 0 20px;
	display: block;
	line-height: 1.9;
}


/*-------------------------------------*/

div#mainContents{
	width: 1080px;
	margin: 0 auto;
	text-align: left;
	margin-top: 50px;
}

/* ３つのトピックス */
div#mainContents div.topicsBox{
	width: 335px;
	float: left;
	margin-left: 33px;
	margin-bottom: 75px;
}

div#mainContents div.firstItem{
	margin-left: 0;
}

div#mainContents div.topicsBox strong{
	margin-bottom: 15px;
	font-weight: bold;
	display: block;
	font-size: 14px;
}

div#mainContents div.topicsBox span{
	line-height: 1.8;
	display: block;
	text-align: justify;
	margin-bottom: 8px;
}


/* 新着情報 */
div#newTopics{
	float: left;
}

div#newTopics strong{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 8px;
	display: block;
	font-size: 14px;
}

div#newTopics dl{
	width: 335px;
}

div#newTopics dl dt,
div#newTopics dl dd{
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

div#newTopics dl dt{
	float:left;
	width:75px;
	clear:both;
	background: url(../img/bg_boder.gif) repeat 0 0 ;
}

div#newTopics dl dd{
	width:195px;
	margin-left:75px;
	padding-left: 20px;
}


/* 会社概要 */
div#outlineBox{
	margin-left: 33px;
	float: left;
}

div#outlineBox strong{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 8px;
	display: block;
	font-size: 14px;
}

div#outlineBox dl{
	width: 300px;
}

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

div#outlineBox dl dt{
	float:left;
	width:65px;
	clear:both;
	font-weight: bold;
}

div#outlineBox dl dd{
	width:200px;
	margin-left:65px;
	padding-left: 20px;
	color: #666;
}


/* バナーエリア */
div#bannerBox{
	float: right;
	width: 250px;
}

	div#bannerBox ul{}
	div#bannerBox ul li{
		margin-bottom: 15px;
	}


 #left {float:left; width:30%;}
 #right {float:right; width:30%;}
 #center {margin:0 34%;} 
 
 
 

/*曜日*/
.cal th{
	background-color: #E5E5E5;	/*背景色*/
}
.cal .sat{
	color: #09F;	/*「土」の文字色*/
}
.cal .sun{
	color: #C33;	/*「日」の文字色*/
}
 
 
 div.blocka {
   float: left;
   width: 33%;
}
div.blockb {
   float: left;
   width: 33%;
   clear: none;
}
div.blockc {
   float: left;
   width: 33%;
   clear: none;
}




div#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 100%;
	line-height: 1.8;
}


/*メインコンテンツ内のbox設定
---------------------------------------------------------------------------*/
#main .box {
	background: #000000;	/*背景色*/
	padding: 10px;			/*ボックス内の余白*/
	color: #000;			/*文字色*/
	overflow: hidden;
}
#main .box a {
	color: #FFF;	/*リンク設定した際の文字色*/
}

/*写真サムネイルボックス
---------------------------------------------------------------------------*/
#main .photobox {
	padding: 9px;	/*ボックス内の余白*/
	background: #222;	/*背景色*/
	float: left;
	width: 202px;	/*ボックスの幅*/
	height: 190px;	/*ボックスの高さ*/
	display: inline;	/*ie6用*/
	margin-left: 14px;	/*ボックス同士の左右間のスペース*/
	margin-bottom: 1em;	/*ボックス同士の上下間のスペース*/
	color: #fff;		/*文字色*/
	font-size: 11px;	/*文字サイズ*/
	border: 1px solid #666;	/*枠線の幅、線種、色*/
}
/*段落タグ共通設定*/
#main .photobox p {
	padding: 0px;
}
#main .photobox a {
	color: #FFF;	/*リンクテキストの色*/
}
#main .photobox a img {
	border: 1px solid #666;	/*サムネイル画像のフチの設定*/
}
#main .photobox a:hover img {
	border-color: #FFF;		/*サムネイル画像のマウスオン時のフチの設定*/
}
/*boxに入れた場合の写真ボックス*/
#main .box .photobox {
	margin-left: 8px;
}


/*その他
---------------------------------------------------------------------------*/
.mb1em {
	margin-bottom: 1em;
}


/*-------------------------------------*/
/* 見出し装飾 */
/*-------------------------------------*/


.chapter1{
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.chapter2{
	padding-bottom: 4px;
	border-bottom: 3px solid #ccc;
	font-weight: bold;
}

.chapter3{
	padding-bottom: 4px;
	border-bottom: 3px solid #333;
	font-size: 14px;
	font-weight: bold;
}
.chapter4{
	padding-bottom: 4px;
	border-bottom: 3px solid #333;
	font-size: 16px;
	font-weight: bold;
}
.chapter5{
	padding: 6px 8px;
	background: #efefef;
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
.chapter6{
	padding: 6px 8px;
	background: #ccc;
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
.chapter7{
	padding: 6px 8px;
	background: #666;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.chapter8{
	padding: 6px 8px;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter9{
	padding: 6px 8px;
	background: #c00;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter10{
	padding: 6px 8px;
	background: #900;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.chapter11{
	padding: 6px 8px;
	background: #63C068;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter12{
	padding: 6px 8px;
	background: #F5F6E4;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.chapter13{
	padding: 6px 8px;
	background: #F9EBF8;
	color: #900;
	font-size: 14px;
	font-weight: bold;
}

.chapter14{
	padding: 6px 8px;
	background: #81C5E8;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter14{
	padding: 6px 8px;
	background: #BEA581;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter15{
	font-size: 14px;
	font-weight: bold;
}

.chapter16{
	font-size: 16px;
	font-weight: bold;
}

.chapter17{
	font-size: 18px;
	font-weight: bold;
}

/* 一部ブラウザ対象外 */
.chapter18{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #ccc;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}

/* 一部ブラウザ対象外 */
.chapter19{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #efefef;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}

/* 一部ブラウザ対象外 */
.chapter20{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #333;
	color: #fff;
	border: 1px solid #dedede;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}


/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/


/* 基本フォーマット */
div.txtTempSet{
	margin-bottom: 30px;
}

div.txtTempSet strong{
	display: block;
	font-weight: bold;
}

div#mainContents div.clearfix{
	width: 100%;
}

/* txtTemp1 */
div.txtTemp1{}
div.txtTemp1 strong{ margin-bottom: 6px;}
div.txtTemp1 span{ color: #666;}

/* txtTemp2 */
div.txtTemp2{}
div.txtTemp2 strong{ margin-bottom: 6px; font-size: 14px;}
div.txtTemp2 span{ color: #666;}

/* txtTemp3 */
div.txtTemp3{}
div.txtTemp3 strong{ margin-bottom: 6px; color: #900}
div.txtTemp3 span{ color: #333;}

/* txtTemp4 */
div.txtTemp4{}
div.txtTemp4 strong{ margin-bottom: 6px;}
div.txtTemp4 span{ color: #666;}
div.txtTemp4 p{ float: right; width: 194px;}

/* txtTemp5 */
div.txtTemp5{}
div.txtTemp5 strong{ margin-bottom: 6px;}
div.txtTemp5 span{ color: #666;}
div.txtTemp5 p{ float: left; width: 194px;}

/* txtTemp6 */
div.txtTemp6{}
div.txtTemp6 div.fL{ width: 350px;}
div.txtTemp6 strong{ margin-bottom: 6px;}
div.txtTemp6 span{ color: #666;}
div.txtTemp6 p{ float: right; width: 320px;}

/* txtTemp7 */
div.txtTemp7{}
div.txtTemp7 div.fR{ width: 350px;}
div.txtTemp7 strong{ margin-bottom: 6px;}
div.txtTemp7 span{ color: #666;}
div.txtTemp7 p{ float: left; width: 320px;}


/*-------------------------------------*/

div.wrapBox{
	width: 1080px;
	margin: 0 auto;
	
	padding: 0px 0 ;
}

div#wrapBg{
	border-top: 1px solid #ccc;
}

div#leftContents{
	width: 200px;
	float: left;
}

ul#subNavigation{}

ul#subNavigation li{
	display: block;
	margin-bottom: 14px;
}


.sTitle{
	margin: 60px 0 20px;
}

.sTitleFirst{
	margin: 0px 0 20px;
}

p{
	margin-bottom: 15px;
}

/*-------------------------------------*/
/* テーブルフォーマット */
/*------------------------------------

table{
	border-top: 1px solid #ccc;
	width: 100%;
	margin-bottom: 30px;
}
table th,
table td{
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
}
table th{
	padding-right: 16px;
}
table td{
	border-left: 1px solid #ccc;
	padding-left: 16px;
}

table.tableDec1 th{ background: #efefef; padding-left: 10px;}
table.tableDec2 th{ background: #333; color: #fff; padding-left: 10px;}
table.tableDec3 th{ background: #d5ceb1; color: #fff; padding-left: 10px; border-bottom: 1px solid #fff; color: #333;}

table.tableDec4 table{
	border-top: 1px solid #ccc;
	
	margin-bottom: 30px;
}

table td{
	padding: 11px 0;
	
	border-left: 1px solid #ccc;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
}

/*-------------------------------------*/
/* リストフォーマット */


ul{
	display: block;
	margin-bottom: 30px;
}

ul.Number{ list-style: decimal inside;}

ul.imgList1{ list-style: circle inside;}
ul.imgList2{ list-style: disc inside;}

ul.bgList1 li{ background: url(../images/bg_list/bg_list1.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList2 li{ background: url(../images/bg_list/bg_list2.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList3 li{ background: url(../images/bg_list/bg_list3.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList4 li{ background: url(../images/bg_list/bg_list4.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList5 li{ background: url(../images/bg_list/bg_list5.gif) no-repeat left center; padding-left: 1.5em;}

ul.borderList1 li{ border-bottom: 1px solid #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }
ul.borderList2 li{ border-bottom: 1px dotted #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }


-*/