@charset "utf-8";
/* CSS Document */


/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* main css */

body {
	line-height:160%;
	font-size:small;
	color: #333;
	font-family: Meiryo, "メイリオ", Osaka, Verdana, Arial, "Hiragino Kaku Gothic Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

body a {
	text-decoration:none;	
}

body div:after{
    content: ""; 
    display: block; 
    clear: both;
}

body ul:after{
    content: ""; 
    display: block; 
    clear: both;
}

body p:after{
    content: ""; 
    display: block; 
    clear: both;
}

body h1:after{
    content: ""; 
    display: block; 
    clear: both;
}

body h2:after{
    content: ""; 
    display: block; 
    clear: both;
}

body h3:after{
    content: ""; 
    display: block; 
    clear: both;
}

body dl:after{
    content: ""; 
    display: block; 
    clear: both;
}

body ul:after{
    content: ""; 
    display: block; 
    clear: both;
}

body ul li:after{
    content: ""; 
    display: block; 
    clear: both;
}

body img {
	vertical-align:top;	
}

div#header {
	width:100%;
	margin:0 auto 0;
	padding:0;
	background:url(../../images/site_title_bg.jpg) repeat-x top;
}

div#header h1 {
	float:left;
	width:330px;
	margin:19px 0 0 0;
}

div#header .wrap {
	width:280px;
	margin:0;
	float:left;
}

div#header .wrap p {
	width:auto;
	margin:17px 0 0 0;
	padding:4px 0 4px 20px;
	border-left:1px #999 solid;
	font-size:12px;
	line-height:140%;
}

ul#header_contact {
	float:right;
	margin:20px 0 0 0;
	padding:0;
}

ul#header_contact li {
	display:inline;
	float:left;
	margin-left:10px;	
}

div#site_title {
	width:960px;
	height:75px;
	margin:0 auto;
	padding:0;
}

div#contents_wrapper:after{
    content: ""; 
    display: block; 
    clear: both;
}

div#global_wrapper {
	clear:both;
	width:100%;
	height:50px;
	background:url(../../images/global_bg2.jpg) repeat-x top;	
}

ul#global {
	clear:both;
	width:960px;
	height:50px;
	margin:0 auto;
	line-height:0;
	padding:0 20px;
	background:url(../../images/global_bg.jpg) no-repeat center center;
}

ul#global:after{
    content: ""; 
    display: block; 
    clear: both;
}


ul#global li {
	display:inline;
	float:left;
	line-height:0;
}

ul#global li img {
	vertical-align:top;
}

div.crumbs {
	clear:both;
	width:960px;
	margin:0 auto 20px;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	background:white;	
}

div.crumbs ul li {
	display:inline;
	float:left;	
}

div.crumbs ul li#crumbs01 {
	height:24px;
	padding:4px 10px 0 10px ;
}

div.crumbs ul li#crumbs02 {
	height:24px;
	padding:4px 10px 0 20px ;
	background:url(../../images/crumbs02.jpg) no-repeat left center;
}


div#main_wrapper {
	width:100%;
	background:url(../../images/main_img_bg.jpg) repeat-x top;
}

div#main {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:20px 0 0;
}

div#section01 {
	display:inline;
	float:left;
	width:620px;
	background:#EDF5FA;
	margin:40px 0 0 0;
	padding-bottom:10px;
}

div#section01:after {
    content: ""; 
    display: block; 
    clear: both;
}

div#section01 p {
	margin:10px 0 0 220px;	
}


div#section01 ul li {
	float:left;
	margin-left:20px;
}

div#section02 {
	display:inline;
	float:right;	
	width:310px;
	margin:40px 0 0 0;
	padding:0 0 10px 0;
	background:#EDF5FA;
}

div#section02 p {
	margin:0 0 0 65px;	
}

div#detail_wrapper {
	border-bottom:1px solid #D7DCE0;
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	padding-bottom:20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}

div.detail div#detail01 {
	display:inline;
	float:left;
	width:292px;
	margin:50px 0 0 19px;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

div.detail div#detail01:after{
    content: ""; 
    display: block; 
    clear: both;
}

div.detail div#detail02 {
	display:inline;
	float:left;
	width:292px;
	margin:50px 0 0 10px;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

div.detail div#detail03 {
	display:inline;
	float:left;
	width:292px;
	margin:50px 0 0 10px;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

div.detail div.detail_inner01 {
	background:#0168B7;
	color:white;
	padding:0 10px 20px 10px;
	font-size:12px;
}

div.detail div.detail_inner01 p {
	margin-bottom:10px;	
}

div.detail div.detail_inner02 {
	margin:10px 0 1px 0;
	padding:10px;
	font-size:12px;
	background:white;
	color:black;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

div.detail div.detail_inner02 ul {
	list-style-type:square;
	margin:0 0 0 15px;
	padding:0;
}

div.detail div.detail_inner02 ul li {
	margin:0 0 5px 0;
	padding:0;	
	line-height:150%;
}


div.plan div#plan02 {
	margin:30px 0 0 0;	
}

div#plan02_wrapper {
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	border-bottom:1px solid #D7DCE0;
	background:white;
	padding-bottom:20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}  

div#plan02_01 {
	display:inline;
	float:left;
	width:300px;
	margin:20px 0 0 20px;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

div#plan02_01 table {
	width:290px;
	margin:10px 0 0 5px;
	font-size:12px;
}

div#plan02_01 table th {
	border:1px solid #D7DCE0;
	padding:2px 5px;
	background:#0165B2;
	color:white;
}

div#plan02_01 table th.th02 {
	width:100px;
}

div#plan02_01 table td {
	border:1px solid #D7DCE0;
	padding:2px 5px;
}

div#plan02_01 table td.td_price {
	text-align:right;	
	width:100px;
}

div#plan02_01 table td.sum01 {
	background:#E8EFF6;	
}

div#plan02_01 table td.sum02 {
	background:#339ED6;
	color:white;	
}

div#plan02_01 table td.td_center {
	text-align:center;	
}


div#plan02_01_01 ul {
	font-size:12px;
	margin:10px;	
}

div#plan02_01_02 {
	background:#EAEAEA;	
	padding:9px;
	margin:5px;
	font-size:12px;
}

div#plan02_01_02 h4 {
	margin-bottom:5px;
}

div#plan02_01_02 dl dt {
	font-weight:bold;
}

div#plan02_01_02 dl dd {
	margin-bottom:5px;	
}


div#plan02_02 {
	display:inline;
	float:right;
	width:582px;
	margin:20px 20px 0 0;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

div#plan02_02 p#plan_map {
	margin:10px 0 0 5px;	
}

div#plan02_02 table {
	border-collapse:collapse;
	margin:3px 0 0 1px;
}


div#plan02_02 table td {
	text-align:center;
	padding:6px;	
}

div.compare div#compare_wrapper {
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	border-bottom:1px solid #D7DCE0;
	background:white;
	padding-bottom:20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}  

div.compare div#compare01 {
	display:inline;
	float:left;
	width:560px;
	margin:20px 0 0 20px;	
	padding:0;
}

div.compare div#compare01 table {
	width:560px;
	font-size:11px;	
	margin:0;
	padding:0;
}

div.compare div#compare01 table th {
	background:#0165B2;
	color:white;
	padding:5px;
	border:1px solid white;
}

div.compare div#compare01 table td {
	padding:5px;
	border:1px solid #DCE4EB;
}


div.compare div#compare01 table th.th01 {
	width:100px;	
}

div.compare div#compare01 table th.th02 {
	width:90px;	
	border-left:solid #F52E7F 2px;
	border-right:solid #F52E7F 2px;
	border-top:solid #F52E7F 2px;	
}

div.compare div#compare01 table th.th03 {
	font-weight:normal;	
	font-size:10px;
	width:80px;	
}


div.compare div#compare01 table th.th04 {
	font-weight:normal;	
	font-size:10px;
	width:80px;	
}

div.compare div#compare01 table th.th05 {
	font-weight:normal;	
font-size:10px;
}

div.compare div#compare01 table td.td_bg01 {
	background:#E8EFF6;
}

div.compare div#compare01 table td.sum01 {
	background:#339ED6;
	color:white;
}

div.compare div#compare01 table td.td_price {
	text-align:right;	
}

div.compare div#compare01 table td.border_p {
	border-left:solid #F52E7F 2px;
	border-right:solid #F52E7F 2px;
}

div.compare div#compare01 table td.border_p2 {
	border-left:solid #F52E7F 2px;
	border-right:solid #F52E7F 2px;
	border-bottom:solid #F52E7F 2px;
}

td.text_important {
	font-weight:bold;
	font-size:13px;	
}

div.compare div#compare02 {
	width:340px;
	display:inline;
	float:right;
	margin:20px 20px 0 0;
}

div.compare div#compare02 table {
	width:340px;
	font-size:11px;	
	margin-bottom:20px;
}

div.compare div#compare02 table th {
	background:#0165B2;
	color:white;
	padding:5px;
	border:1px solid white;
}

div.compare div#compare02 table td {
	padding:5px;
	border:1px solid #DCE4EB;
}

div.compare div#compare02 table td.td_bg02 {
	background:#E8EFF6;
	text-align:center;
	width:160px;
}

div.compare div#compare02 table td ul {
	list-style-type:disc;
	margin-left:20px;	
}

div.compare div#compare02 table td ul li {
	margin:3px;	
}


div.faq div#faq_wrapper {
	clear:both;
	width:960px;
	padding-top:20px;
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	border-bottom:1px solid #D7DCE0;
	background:white;
	padding-bottom:20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}  

div.faq div#faq_wrapper dl {
	width:920px;
	margin:0 auto;	
}

div.faq div#faq_wrapper dl dt {
	padding:9px 9px 9px 69px;
	background:url(../../images/faq/faq_q.jpg) no-repeat center center;
	width:840px;
	border:1px solid #DCE4EB;
	color:#003366;
	font-weight:bold;
	font-size:large;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

div.faq div#faq_wrapper dl dd {
	width:800px;
	line-height:200%;
	margin:20px 0 30px 30px;
	padding:0 0 0 40px;
	background:url(../../images/faq/faq_a.jpg) no-repeat left top;	
}


div#example01 {
	width:958px;
	clear:both;	
	padding-bottom:30px;
	border-bottom:1px solid #D7DCE0;
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}

div#example01 p#example01_main_img  {
	background:url(../../images/example/main_img01.jpg) no-repeat center center;
	width:958px;
	height:348px
}

div#example01 p#example01_main_img a {
	display:block;
	width:180px;
	height:30px;
	position:relative;top:186px;left:314px;
	text-indent:-9999px;
}


div#example01_01 {
	display:inline;
	float:right;
	width:402px;
	margin-right:20px;
}

div#example01_01 img{
	border-right:1px solid white;
	border-bottom:1px solid white;
}

div#example01_02 {
	display:inline;
	float:left;
	width:492px;
	margin-left:18px;
	padding:3px;
	border:1px solid #D7DCE0;
}

div#example01_02 h3 {
	width:492px;	
}

div#example01_02 h4 {
	color:#003366;
	font-size:20px;
	margin:20px 20px 10px 20px;
	width:452px;
	line-height:140%;
	font-weight:normal;	
}

div#example01_02 p {
	width:452px;
	margin:0 20px 20px 20px;	
}

/*div#example01 {
	width:958px;
	margin:0 auto;
	padding-bottom:30px;
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	border-bottom:1px solid #D7DCE0;
}

div#example01 div#example01_01 {
	display:inline;
	float:left;
	width:302px;
	margin-left:20px;
	padding:3px;
	border:1px solid #D7DCE0;
}

div#example01 div#example01_01 div#example01_01_div {
	width:280px;
	padding:10px;
}

div#example01 div#example01_01 div#example01_01_div img {
	display:inline;
	float:left;
	margin-right:10px;
}


div#example01 div#example01_01 div#example01_01_div p {
	display:inline;
}

div#example01 div#example01_01 div#example01_01_div p strong {
	display:block;
	font-weight:normal;
	font-size:20px;
	color:#003366;
	padding-bottom:10px;
	margin:5px 0 10px 0;
	border-bottom:1px dotted #D7DCE0;
}

div#example01 div#example01_02 {
	display:inline;
	float:right;
	margin-right:20px;
	width:582px;
	padding:3px;
	border:1px solid #D7DCE0;
}

div#example01 div#example01_02 table {
	border-collapse:collapse;
	margin:10px;
		
}

div#example01 div#example01_02 table th {
	border:1px solid #D7DCE0;
	padding:9px;
	vertical-align:middle;
}
div#example01 div#example01_02 table td {
	border:1px solid #D7DCE0;
	padding:9px;
}

div#example01 div#example01_02 table td.example_arrow {
	vertical-align:middle;	
}
*/

div#example02 {
	width:958px;
	clear:both;	
	padding-bottom:30px;
	border-bottom:1px solid #D7DCE0;
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}

div#example02 p#example02_main_img  {
	background:url(../../images/example/main_img03.jpg) no-repeat center center;
	width:958px;
	height:348px
}

div#example02 p#example02_main_img a {
	display:block;
	width:180px;
	height:30px;
	position:relative;top:186px;left:314px;
	text-indent:-9999px;
}

div#example02_01 {
	display:inline;
	float:right;
	width:404px;
	margin-right:20px;
}
div#example02_01 img{
	border-right:1px solid white;
	border-bottom:1px solid white;
}

div#example02_02 {
	display:inline;
	float:left;
	width:492px;
	margin-left:18px;
	padding:3px;
	border:1px solid #D7DCE0;
}

div#example02_02 h3 {
	width:492px;	
}

div#example02_02 h4 {
	color:#003366;
	font-size:20px;
	width:452px;
	margin:20px 20px 10px 20px;
	line-height:140%;
	font-weight:normal;	
}

div#example02_02 p {
	width:452px;
	margin:0 20px 20px 20px;	
}


div#sitemap_wrapper {
	border-bottom:1px solid #D7DCE0;
	border-right:1px solid #D7DCE0;
	border-left:1px solid #D7DCE0;
	padding-bottom:20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px; 
	background:white;
}


div#sitemap_wrapper ul {
	display:inline;
	float:left;
	width:300px;
	margin:20px 0 0 12px;	
}

div#sitemap_wrapper ul li a {
	display:block;
	border:1px solid #D7DCE0;
	background:#E8EFF6 url(../../images/sitemap/bullet.jpg) no-repeat 15px center;
	width:240px;
	padding:10px 10px 10px 40px;
	margin:10px;
	font-size:14px;
}

div#sitemap_wrapper ul li a:hover {
	background:#006AB8 url(../../images/sitemap/bullet.jpg) no-repeat 15px center;
	color:white;
}

p#gototop {
	clear:both;
	width:960px;
	text-align:right;
	margin:20px auto;
}

div#footer_wrapper {
	width:100%;
	background:#006AB8;
	border-top:3px solid #005199;
}

div#footer_wrapper:after{
    content: ""; 
    display: block; 
    clear: both;
}

div#footer {
	clear:both;
	width:900px;
	margin:0 auto;
}

div#footer ul {
	clear:both;
	float:left;
	width:400px;
	margin:10px 0 0 0;
}

div#footer ul li {
	float:left;
	margin-right:30px;
}

div#footer ul li a {
	color:white;
}

div#footer p {
	float:right;
	width:220px;	
}

address {
	font-style:normal;
	font-size:11px;
	padding:5px;
	text-align:center;
	background:#005199;
	color:white;
	width:100%;
	clear:both;
}



#content {
    margin:0 auto;
    width: 960px;
	padding-top:20px;
}

#targetarea01,
#targetarea02 {
    width: 960px;
}

#targetarea02 {
    float: right;
}

/*
 * 動作に必要な定義はここから
 */

.showbox {
    width: 960px;
}

.box {
    display: none;
}

.box img {
    float: left;}

.box div {
    float: right;
}

.thumb {
    margin: 20px 0;
    width: 960px;
}

.thumb li {
    list-style: none;
    float: left;
}

.thumb li.lastChild {
    margin-right: 0;
}

.thumb li.active img {
	visibility:hidden;
}

.thumb li.active a {
    cursor: text;
}

.thumb li#thumb01_bt01 {
	background:url(../../images/example/title01_on.jpg) no-repeat center center;	
}

.thumb li#thumb01_bt02 {
	background:url(../../images/example/title02_on.jpg) no-repeat center center;	
}

.thumb a {
    display: block;
    width: 480px;
}

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


#thumb01 {
	position:absolute; top:170px;	
}

p.crumbs_example {
	position:relative; top:-65px; left:180px;
}

p#sample {
	width:933px;
	margin:0 auto;	
}

div#contact_bt {
	clear:both;
	float:none;
	width::958px;
	padding:30px 0 0 0;
}

div#contact_bt ul {
	clear:both;
	width:444px;
	margin:0 auto;
}

div#contact_bt ul li {
	display:inline;
	float:left;	
	width:202px;
	margin:10px ;
}



.contentbox {
	width:960px;
	margin:0 auto;
	background:#fff;	
}

ul#tab {
	width:903px;
	margin:0 auto;
	list-style:none;
}

ul#tab li {
	width:225px;
	float:left;
}

.contentbox h2 {
	width:903px;
	padding:0;
	margin:0 auto 30px auto;
	clear:both
}

#mainframe {
	width:903px;
	margin:0 auto;
}

/*------ 20131129 add --------*/
a:hover img.rollover{
	filter:Alpha(opacity:60);
	-moz-opacity:0.85;
	opacity:0.85;
}

.txtCenter{
	text-align:center;
}

.ft12{
	font-size:12px;
}

/*-- 201506 modify
ul#tab li#tab01,
ul#tab li#tab04{
	width:226px;
} --*/

#mainframe .maincontent .wrap p{
	line-height:184%;
}

#case03 #mainframe{
	margin-top:32px;
}

#case03 .subcontent{
	width:315px;
}
/*------#case03 .subcontent p,
#case03 .subcontent h4{
	margin-left:5px;
}--------*/
#case03 .subcontent p.bnr{
	margin:15px 0 0 0;
}
/*------ /20131129 add --------*/

/*------ 201506 add ------*/

/*--- plan ---*/
div.plan #select_plan div {
	padding:7px 0 0 0;
	height:350px;
	float:left;
}
div.plan #select_plan div .btn {
	margin:10px 0 0 0;
	text-align:center;
}
div.plan #select_plan .plan_standard {
	background:url(../../images/plan/main_bg_standard.jpg) no-repeat left top;
	width:362px;
	padding:7px 26px 0 41px;
}
div.plan #select_plan .plan_light {
	background:url(../../images/plan/main_bg_light2.jpg) no-repeat left top;
	width:458px;
	padding:7px 44px 0 29px;
}
div.plan div#plan_detail {
	margin:30px 0 0 0;	
}

div#plan_wrapper {
	border:3px solid #005eb0;
	background:white;
	padding-bottom:20px;
}

div#plan_01 {
	display:inline;
	float:left;
	width:300px;
	margin:20px 0 0 20px;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
}
div#plan_01 table {
	width:290px;
	margin:10px 0 0 5px;
	font-size:12px;
}
div#plan_01 table th {
	border:1px solid #D7DCE0;
	padding:2px 5px;
	background:#0165B2;
	color:white;
}
div#plan_01 table th.th02 {
	width:100px;
}
div#plan_01 table td {
	border:1px solid #D7DCE0;
	padding:2px 5px;
}
div#plan_01 table td.td_price {
	text-align:right;	
	width:100px;
}
div#plan_01 table td.sum01 {
	background:#E8EFF6;	
}
div#plan_01 table td.sum02 {
	background:#339ED6;
	color:white;	
}
div#plan_01 table td.td_center {
	text-align:center;	
}
div#plan_01_01 ul {
	font-size:12px;
	margin:10px;	
}
div#plan_01_01 ul li{
	margin-left:2em;
	text-indent:-2em;
}
div#plan_01_02 {
	background:#EAEAEA;	
	padding:9px;
	margin:5px;
	font-size:12px;
}
div#plan_01_02 h4 {
	margin-bottom:5px;
}
div#plan_01_02 dl dt {
	font-weight:bold;
}
div#plan_01_02 dl dd {
	margin-bottom:5px;	
}

div#plan_02 {
	display:inline;
	float:right;
	width:582px;
	margin:20px 20px 0 0;
	padding:3px;
	border:1px solid #D7DCE0;
	background:white;
}
div#plan_02 p#plan_map {
	margin:10px 0 0 5px;	
}
div#plan_02 table {
	border-collapse:collapse;
	margin:3px 0 0 1px;
	width:100%;
}
div#plan_02 table td {
	text-align:center;
	padding:6px;	
}

div.plan.light_package #select_plan .plan_standard {
	background:url(../../images/plan/main_bg_standard2.jpg) no-repeat left top;
}
div.plan.light_package #select_plan .plan_light {
	background:url(../../images/plan/main_bg_light.jpg) no-repeat left top;
}
div.plan.light_package .light_course div#plan_wrapper {
	border:3px solid #00a29a;
	background:white;
	padding-bottom:20px;
}
div.plan.light_package .light_course div#plan_01 table th {
	background:#00a29a;
}
div.plan.light_package .light_course div#plan_01 table td.sum02 {
	background:#89c997;
}
div.plan.light_package .light_shop div#plan_wrapper {
	border:3px solid #6fba2c;
}
div.plan.light_package .light_shop div#plan_01 table th {
	background:#6fba2c;
}
div.plan.light_package .light_shop div#plan_01 table td.sum02 {
	background:#b7d342;
}


/*--- example-case ---*/
ul#tab {
	width:910px;
	margin:0 auto 20px auto;
	list-style:none;
	font-size:0;
}
ul#tab li {
	display:inline-block;
	width:auto;
}

.voice_box{
	width:903px;
	margin:0 auto 40px auto;
}

.maincontent {
	width:540px;
	float:left;
}
.maincontent h3 {
	padding:0 0 14px 0;
	clear:both;
}
.maincontent .wrap {
	width:331px;
	float:left;
}
.maincontent .gap {
	width:168px;
	float:right;
}
.maincontent p {
	padding:0 0 8px 0;
}
.maincontent .message_box{
	border-left:8px solid #1d81c1;
	padding:10px 0 10px 24px;
}
.mbtm30{
	margin-bottom:30px;
}
.mbtm55{
	margin-bottom:55px;
}

.subcontent {
	width:315px;
	float:right;
}
.subcontent .inner{
	padding:0 0 0 5px;
}
.subcontent p {
	padding:0 0 8px 0;
}
.subcontent .photo_box{
	overflow:hidden;
	text-align:right;
	font-size:11px;
}
.subcontent .photo_box li{
	float:left;
}
.subcontent h4{
	margin:30px 0 10px 0;
}
.subcontent .bnr{
	margin-top:25px;
}


#case07.contentbox h2{
	text-align:center;
	width:920px;
	margin:0 auto 30px auto;
	padding:0;
}
#case_shop{
	width:956px;
	margin:0 0 0 -18px;
}
#case_shop .shop_data{
	width:392px;
	float:left;
	border:1px solid #d8dce0;
	padding:13px 24px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background:white;
	margin:0 0 30px 36px;
}
#case_shop .shop_data dt{
	text-align:center;
	padding:0 0 8px 0;
}
#case_shop .shop_data dd{
	padding:8px 0 0 0;
	overflow:hidden;
}
#case_shop .shop_data dd .shop_photo{
	float:left;
	width:121px;
	margin:3px 15px 30px 0;
}
#case_shop .shop_data dd .shop_photo .ic_category{
	margin:0 0 8px 0;
}
#case_shop .shop_data dd .shop_txt{
	width:256px;
	display:block;
	float:left;
}
#case_shop .shop_data dd .shop_txt a{
	font-size:14px;
}
#case_shop .shop_data.c_course dt{
	border-bottom:1px solid #41974d;
}
#case_shop .shop_data.c_indoor dt{
	border-bottom:1px solid #e6891f;
}
#case_shop .shop_data.c_shop dt{
	border-bottom:1px solid #b25ca7;
}
#case_shop .shop_data.c_light dt{
	border-bottom:1px solid #00a69a;
}

div#sitemap_wrapper ul li.sub_list{
	display:block;
	border:1px solid #D7DCE0;
	background:#E8EFF6;
	width:270px;
	padding:10px 10px 10px 10px;
	margin:10px;
	font-size:14px;
}
div#sitemap_wrapper ul .sub_list span{
	background: url(../../images/sitemap/bullet.jpg) no-repeat 5px center;
	padding-left:30px;
}
div#sitemap_wrapper ul .sub_list ul{
	margin:10px 0 0 7px;
	width:260px;
	overflow:hidden;
}
div#sitemap_wrapper ul .sub_list .list_half li{
	width:130px;
	float:left;
}
div#sitemap_wrapper ul .sub_list ul li a{
	display:block;
	border:none;
	background:url(../../images/sitemap/ic_arrow_gray.png) no-repeat left 5px;
	width:auto;
	padding:0 0 0 10px;
	margin:0;
	font-size:12px;
}
div#sitemap_wrapper ul .sub_list ul li a:hover{
	color:#0000ee;
	border:none;
	background:url(../../images/sitemap/ic_arrow_gray.png) no-repeat left 5px;
}

/*--- /201506 add ---*/