@charset "UTF-8";
/*default
-----------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,th,td,input,textarea,label{margin:0px;padding:0px;zoom:1;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
ul,ol,li,span{margin:0px;padding:0px;}
header, article, footer, article, aside, time ,nav { display: block; } 
li{list-style-type: none}

body{
	font-size: 14px;
	line-height:1.5em;
	font-family:'Hiragino Kaku Gothic Pro','Meiryo';
	}

h1,h2,h4,h5,h6{
    font-size:1em;
    font-weight:normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

h3{margin:5px 0;padding:0 0 0 5px;border-left:solid 10px #ff6600;text-align:left;font-size:16px;}




/*リンク、ボタン
-----------------------------------*/


span.green {
    font-size: 80%;
    color: #00cc66;
}
span.blue {
color: #0000FF !important;
font-weight: bold;
}
.blue { color: #0000FF !important; }
 
span.gray {
color: #999999;
 }

span.red {
color: #D71D3B;
font-weight: bold;
 }


span.pink {font-size: 80%;
color: #ff7fbf;
 }
	.area {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;
		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
	}

	.item {
		width: 80%;
		height: 50px;
font-size: 30px;
font-weight: bold;
margin: 10px;

	}

.main {
	text-align: center;
margin: 10px;

}

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

/*---------------全体の調整---------------*/
header, article, footer, aside, nav,{ display: block; }

body{
	font-size: 100%;
	margin: 0;
	padding: 0;
}


/*---------------見出し---------------*/
h1{
	margin: 0;
	padding: 0.5em 0;
	color: #000000;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 20px;
    	background-color: #e6f5f5;
/*	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);*/
}

h2,h4,h5{
	margin:0 ;
	padding: 0.5em;

	background-color: #000000;
	color:#FFF;
	line-height: 1.5;
}
 


/*---------------段落・ブロック---------------*/
p {
	margin: 5px 10px 5px 10px;
	padding: 2px;
	font-size: 92%;
	line-height:1.5em;
}


.feature {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #3cb371;
	display: block;
}

/*-- 絵文字アイコン -- */
img.emoji { height:1.4em; width:1.4em; vertical-align: middle; border:0; margin-right: 0.3em; }
img.emoji2 { height:1.8em; width:1.8em; vertical-align: middle; border:0; margin-right: 0.3em; 
    display:inline-block;
}
img.emoji8 { height:0.8em; width:0.8em; vertical-align: middle; border:0; margin-right: 0.3em; }


/*---------------大きいオレンジボタン---------------*/
.button {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px 2px 10px 2px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 2px 0px #7f3e02;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #2f4f4f;



background: #efc5ca; /* Old browsers */
background: -moz-linear-gradient(top,  #efc5ca 0%, #d24b5a 50%, #c4353c 53%, #f18e99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efc5ca), color-stop(50%,#d24b5a), color-stop(53%,#c4353c), color-stop(100%,#f18e99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */


/*	background: #ffb76b; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 39%, #ff7f04 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(39%,#ffa73d), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

.button a {
	color: #fff;
	display: block;
}



/*---------------画像---------------*/
img.main{
margin:10px auto 10px auto;padding:0;
text-align:center;
display:block;
padding:0px;
width:80%;
}


img.main2{
margin:10px auto 10px auto;padding:0;
text-align:center;
border:solid 1px #ccc;
display:block;
width:167px;
padding:0px;
}

img.logo{
margin:10px auto 10px auto;padding:0;
text-align:center;
display:block;
padding:0px;
max-width:100px;
}

img.app{width:250px;
margin-top: 5px;
margin:10px auto 10px auto;padding:0;
text-align:center;
display:block;
}

/*---------------ヘッダ・フッタ---------------*/
#header {
	display: block;
	padding: 5px;
	background-color: #ffffff;
}

#header a {
	display: block;
}

#header img {
	display: block;
	vertical-align: middle;
}

/*----- フッター -----*/
/*footer*/
div#footer,footer{background-color:#e6f5f5;color:#000;text-align:center;line-height:20px;padding:.7em}

div#footer,footer a{color:#000}.subtitle{text-align:center}
}

/*---------------文字装飾---------------*/
span.red{
	color: #ff0000;
	font-weight: bold;
}
span.tri{
	color: #536ce8;
}
span.green{
	color: #009900;
	font-size: 86%;
}

span.s{
	font-size: 60%;
	vertical-align: top;
}


.xs { font-size: xx-small } /* 小2 */
.xm { font-size: x-small }  /* 小1 */
.sm { font-size: small }    /* 小 */
.md { font-size: medium }   /* 標準 */
.la { font-size: large }    /* 大 */
.xr { font-size: x-large }  /* 大1 */
.xl { font-size: xx-large } /* 大2 */
.sr { font-size: smaller }  /* 一段階小さい */
.lr { font-size: larger }   /* 一段階大きい */
.pt { font-size: 10pt }     /* 10pt */
.px { font-size: 20px }     /* 20px */
.pe { font-size: 200% }     /* 200% */

/*---------------おすすめ機能---------------*/
aside {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*---------------noscript---------------*/
.noscriptButton img {
	display: block;
	margin: auto;
	text-align: center;
}



div.ad{
display:block;
margin:0 auto;
text-align:center;
}


div.about1{
    margin: 1em 0.5em;
} 

table.sample{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}

.sample td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}


.ad{
display:block;
margin:0 auto;
text-align:center;
}

table.ck {
    width: 80%;
    margin:20px 0px 20px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing:0px;
}
table.ck tr th,table.ck tr td {　/*「,（カンマ）」で区切って複数のセレクタを指定しています*/
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 7px;
}
table.ck tr th {
    background: #E6EAFF;
}


/* links, links2 */

.links ul,
.links2 ul{
    margin:0px;
    padding: 0px;
    width:100%;
    border-top: 1px solid #D3D3D3;
    /*line-height:2.0em;*/
}

.links li, .links2 li{
     line-height:1.8em;
     list-style: none;
     border-bottom: 1px solid #D3D3D3;
}

.links li { width: 100%;}
.links2 li {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.links2 li:nth-child(2n+1){
    border-right: 1px solid #D3D3D3;
}

.links li a,
.links2 li a{
     display: block;
     color: #000000;
     padding:0.8em 0.5em;
     position: relative;
}

.links li a span { 
    width: 97%;
    display:inline-block;
}

.links li span.text {
     display: block;
     color: #000000;
     line-height:1.0em;
     padding:10px 3px 10px 10px;
 }

.links ul li a::after,
.links2 ul li a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

	.area {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;
		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
	}


.padding05em,
.textbox {
    color: #fff;
    background-color: #000;
    text-decoration: none;
padding:10px;
}
		/* マイメニュー解除のボタンなどのサイズ調整 */

input, select { font-size: 135%; }input[type="radio"] { height: 30px; width: 30px; vertical-align:middle; }input[type="checkbox"] { height: 30px; width: 30px; vertical-align:middle; }




.main {
	text-align: center;
margin: 20px;
}
.main2 {
	text-align: center;
margin-top: -7px;
font-size: 10px;
}


p.centerbutton2{
padding: 10px 10px;
text-align: center;
margin: 0 auto;
}

.centerbutton2 a{
text-align: center;
margin: 0 auto;
    clear:both;
    color: #fff;
    background: #FF6633;
	font-weight: bold;
    border-radius         : 0.3em;
    -webkit-border-radius : 0.3em;
    -moz-border-radius    : 0.3em;
    -webkit-appearance: none;
    border: 0;
text-decoration: none;
    font-size: 15px;
padding: 10px;
}



.centerbutton2 a:hover,
.centerbutton2 input[type="submit"]:hover,
.centerbutton2 input[type="button"]:hover {
    background: #dc5033;
}

.centerbutton{
text-align: center;
margin: 20px;
}

.centerbutton a{
    color: #fff;
    background: #FF6633;
	font-weight: bold;
    border-radius         : 0.3em;
    -webkit-border-radius : 0.3em;
    -moz-border-radius    : 0.3em;
    -webkit-appearance: none;
text-decoration: none;
font-size: 30px;
padding: 10px 40px;
}



.centerbutton a:hover,
.centerbutton input[type="submit"]:hover,
.centerbutton input[type="button"]:hover {
    background: #dc5033;
}


.tinfobutton,
.srchnodesbutton{
    width: 95%;
    margin: 0.5em auto;
    border: 1px solid #000;
    text-align: center;
}

.tinfobutton a,
.srchnodesbutton a{
    display: block;
    padding: 0.5em;
    color: #000;
    text-decoration: none;
    position: relative;
}

.tinfobutton a span,
.srchnodesbutton a span { 
    width: 97%;
    display:inline-block;
}

.tinfobutton a::after,
.srchnodesbutton a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* header-logo */
#logo-header {
    display: block;
    padding: 5px;
    background-color: #fff;
}

#logo-header a{
    display: block;
}

#logo-header img{
    display: block;
    vertical-align: middle;
}


.sh_dtl table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    width: 90%;
}
.sh_dtl table th {
    background: none repeat scroll 0 0 #E4DFFC;
    border: 1px solid #9990C0;
    color: #322373;
    padding: 5px 2px 4px 4px;
    text-align: left;
    width: 6em;
}
.sh_dtl table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9990C0;
    line-height: 1.4em;
    padding: 5px 7px 4px;
}

table.price {
    width: 95%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 1px 1;
    font-size: 13px;

}
table.price th,
table.price td {
    padding: 10px;
}
table.price th {
    background: #88b7d5;
    vertical-align: middle;
    text-align: center;
    height: 30px;
    position: relative;
    color: #fff;
    font-size: 14px;
}
 
table.price th.c1 {
    background: rgb(162,206,26); 
}
 
table.price th.c2 {
    background: #b6113d;
 }

table.price th.c3 {
    background: #0f387d; /* Old browsers */
}
 
table.price th:after {
    top: 10px;
    left: 5px;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 78px solid transparent;
}
/* firefox */
@-moz-document url-prefix() {
    table.price th {
        text-indent: 10px;
    }
    table.price th::after {
        padding: 0;
        top: 60px;
        left: 0;
        content: "";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 50px solid transparent;
        border-top: #B7D567 15px solid;
    }
}
table.price th.c1:after {
    border-top: #569b20 15px solid;
}
table.price th.c2:after {
    border-top: #b6113d 15px solid;
}
table.price th.c3:after {
    border-top: #0f387d 15px solid;
}
 
table.price td {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    text-align: center;
    padding-top: 15px;
    border: none;
    height: 30px;
}
 
table.price tr:nth-child(n) td.c1 {
    background: #f7f9e8;
}
table.price tr:nth-child(n) td.c4 {
    background: #e2efbc;
}
 
table.price tr:nth-child(n) td.c2 {
    background: #ffecf5;
}
table.price tr:nth-child(n) td.c5 {
    background: #ffdfed;
}
 
table.price tr:nth-child(n) td.c3 {
    background: #fff;
}
table.price tr:nth-child(n) td.c6 {
    background: #eee;
}
 
 
}