@charset "utf-8";


@import url("custom.flexslider.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2{border-bottom:2px solid;}
.row3, .row3 a{}
.row4{border-top:5px solid;}
.row5{border-top:2px solid;}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{
	padding: 15px 0 0 0;
font-size:.8rem; 	text-transform: uppercase;
}

#topbar *{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#topbar ul li{
	display: inline-block;
	margin-right: 10px;
	padding-right: 15px;
	border-right: 1px solid;
	font-size: 12px;
}
#topbar ul li:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
#topbar i{
	margin: 0 5px 0 0;
	line-height: normal;
}
h2 {font-size:24px;	color: #fff;
text-shadow: 2px  2px 5px #D5A962,
            -2px  2px 5px #D5A962,
             2px -2px 5px #D5A962,
            -2px -2px 5px #D5A962;	
}

h2.heading {
	padding: .5em .75em;
	border-radius: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{
	padding: 0 0 20px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header #logo *{margin:0; padding:0; line-height:1;}
#header #logo h1{margin-top:8px; font-size:26px; letter-spacing:3px;}
#header #logo p{
	margin-top: 8px;
font-size:.9rem; 	text-transform: lowercase;
}

#header #quickinfo{font-size:.8rem;
	text-transform: uppercase;
	padding-top: 30px;
}
#header #quickinfo li{
	margin-right: 30px;
}
#header #quickinfo li:last-child{
	margin-right: 0;
	font-size: 24px;
}
#header #quickinfo strong{display:block; margin:0 0 -5px 0; padding:0; font-size:1.2rem;}
#header #quickinfo br{display:none;}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:150px 0;}

#pageintro li article{display:block; max-width:75%; overflow:hidden;}
#pageintro li article *{word-wrap:break-word;}
#pageintro li .heading{
margin-bottom: 20px;
	font-size: 4rem;
	color: #fff;
text-shadow: 2px  2px 5px #D5A962,
            -2px  2px 5px #D5A962,
             2px -2px 5px #D5A962,
            -2px -2px 5px #D5A962;	
	
						}
#pageintro li p:first-of-type{margin:0 0 20px 0; text-transform:uppercase; font-weight:500; font-size:1.2rem;}
#pageintro li footer{margin-top:80px;}

.catch {
	font-size:14px;
margin-bottom: 20px;
	font-size: 4rem;
	color: #fff;
text-shadow: 2px  2px 5px #D5A962,
            -2px  2px 5px #D5A962,
             2px -2px 5px #D5A962,
            -2px -2px 5px #D5A962;	
}
/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{
	padding: 50px 0;
}

/* Content */
.container .content{}

.sectiontitle{
	margin-bottom: 30px;
	color: #FFF;
}
.sectiontitle *{margin:0;}

.services{}
.services li:nth-child(-n+3){margin-bottom:30px;}/* Adds bottom margin to the first three elements only */
.services article{padding:20px; text-align:center;}
.services > li:first-child > article{padding:0; text-align:left;}
.services article .txtwrap{padding:20px; border:1px solid;}
.services article .txtwrap *{margin:0;}
.services article .txtwrap i{margin-bottom:30px;}
.services article .txtwrap .heading{
	margin-bottom: 20px;
	font-size: 1.3rem;
	font-weight: 600;
}
.services article .txtwrap footer{margin-top:20px; text-transform:uppercase;}

.team figure{display:block; position:relative; max-width:320px;}
.team > figure:last-child{margin-bottom:0;}/* Used when elements stack in smaller viewports */
.team figure figcaption{padding-top:15px; text-align:center;}
.team figure figcaption *{margin:0; line-height:1;}
.team figure figcaption .heading{
	margin-bottom: 8px;
	font-size: 1.1rem;
	line-height: 1.8em;
}
.team figure figcaption em{display:block; font-size:.8rem; font-style:normal;}
.team figure figcaption footer{margin-top:15px;}
.team figure figcaption footer .faico li{margin:0 5px;}
.team figure figcaption footer .faico li a{width:auto; height:auto; line-height:normal; font-size:14px;}

#testimonial{text-align:center;}
#testimonial blockquote{display:block; position:relative; width:75%; margin:0 auto 25px; padding:75px 0 0 0; font-size:1.2rem; z-index:1;}
#testimonial blockquote::before{display:block; position:absolute; top:0; left:50%; width:50px; height:50px; line-height:50px; margin:0 0 0 -25px; font-family:"FontAwesome"; font-size:22px; content:"\f10d";}
#testimonial blockquote::after{display:none;}
#testimonial strong, #testimonial em{display:block; margin:0; padding:0; line-height:1;}
#testimonial strong{margin-bottom:5px;}
#testimonial em{font-size:.8rem;}

.latest{}
.latest article{}
.latest article figure{display:block; position:relative; margin-bottom:30px;}
.latest article figure img{}
.latest article .txtwrap{}
.latest article .txtwrap .heading{margin:0; font-size:1.2rem;}
.latest article .txtwrap .meta{}
.latest article .txtwrap .meta li{display:inline-block; margin-right:8px; font-size:.8rem;}
.latest article .txtwrap .meta li:last-child{margin-right:0;}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{
	margin: 0 0 50px 0;
	padding: 30px 20px 50px 30px;
}
#comments .avatar{
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{
	margin: 15px 5px 5px 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.8em;
}

#comments form{display:block; width:100%;}
#comments textarea{overflow:auto;}
#comments div{
	margin-bottom: 0px;
}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px; padding:0;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:80px 0;}

#footer .heading{margin-bottom:50px; font-size:1.2rem;}

#footer .linklist li{
	display: block;
	padding: 0 0 10px 0;
	border-bottom: 1px solid;
}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

#footer input, #footer button{border:1px solid;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:8px 18px 10px; text-transform:uppercase; font-weight:700; cursor:pointer;}


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#mainav form *{transition:none !important;}


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


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px; padding-top:10px;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: 600;
}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{
	display: block;
	padding: 10px 11px 15px;
	font-size: 12px;
}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{
	display: block;
	margin: 0;
	padding:15px 15px;
}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:7px; left:5px;}
#mainav li li .drop::after{top:7px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:20px 0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{
	padding: 100px 0 20px;
}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; }
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{
	margin: 0 0 3px 0;
	padding: 10px 0 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
splay:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}
.sidebar ul{padding-left:0px; font-size:12px;}
.sidebar li{padding-left:5px; font-size:12px; line-height:1.8em; padding-bottom:10px; list-style:none;}
.sidebar h6{ font-size:14px; line-height:1.8em; padding: .5em .75em;
  background-color: #9C4E10;
  border-radius: 6px;}

.sidebar h5{
	font-size: 16px;
	padding: .25em 0 .5em .75em;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #994D00;
	border-left-color: #994D00;
}
/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}




/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}

.faico a{color:#1C7AA8;}
.faico a:hover{}

.faicon-dribble:hover{color:#EA4C89;}
.faicon-facebook:hover{color:#3B5998;}
.faicon-google-plus:hover{color:#DB4A39;}
.faicon-linkedin:hover{color:#0E76A8;}
.faicon-twitter:hover{color:#00ACEE;}
.faicon-vk:hover{color:#4E658E;}


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


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#CBCBCB; background-color:#1A1A1A;}
a{
	color: #C28E79;
}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#56AED4;}
.overlay{
	color: #FFFFFF;
}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.20);}
.coloured.overlay::after{background-color:rgba(28,122,168,.55);/* #1C7AA8 */}

.btn, .btn.inverse:hover, a .icon, a.inverse:hover .icon{color:#FFFFFF; background-color:#4F2A18; border-color:#FFFF00; border-radius:30px;}
.btn:hover, .btn.inverse, a:hover .icon, a.inverse .icon{color:inherit; background-color:transparent; border-color:inherit;}

blockquote::before{color:rgba(0,0,0,.05);}

.imgover:hover::before{background:rgba(0,0,0,.55);}
.imgover:hover::after{color:#FFFFFF;}


/* Flexslider */
.flex-direction-nav a, .flex-direction-nav .flex-disabled:hover{color:#FFFFFF;}
.flex-direction-nav a:hover{color:#1C7AA8;}


/* Rows */
.row0, .row0 a{
	color: #FFFFFF;
	background-color: #3F2214;
}
.row1{
	color: #FFFFFF;
	background-color: #3F2214;
}
.row2{
	color: #363636;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#824802+0,1f1009+100,bf6e4e+100 */
background: #824802; /* Old browsers */
background: -moz-linear-gradient(top,  #824802 0%, #1f1009 100%, #bf6e4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #824802 0%,#1f1009 100%,#bf6e4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #824802 0%,#1f1009 100%,#bf6e4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824802', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */

	border-color: #9C4E10;
}
.row3{
	color: #FFFFFF;
	background-color: #3C2014;
}
.row4{
	color: #FFFFFF;
	background-color: #3C2014;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #724025;
	border-right-color: #724025;
	border-bottom-color: #724025;
	border-left-color: #724025;
}
.row5, .row5 a{
	color: #FFFFFF;
	background-color: #130A00;
}
.row5{
	border-color: #724025;
}


/* Top Bar */
#topbar, #topbar ul li{
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
#topbar > div:last-of-type li:first-child a{
	color: #FFFFFF;
}


/* Header */
#header a{color:inherit;}


/* Content Area */
.services article .txtwrap.active, .services article:hover .txtwrap{color:#363636; background:#FFFFFF;}

#testimonial blockquote::before{color:#FFFFFF; background-color:rgba(0,0,0,.2);}


/* Footer */
#footer hr, #footer .borderedbox, #footer .linklist li{border-color:rgba(0,0,0,.1);}

#footer .faico a{color:#363636; background-color:#F0F0F0;}
#footer .faico a:hover{color:#FFFFFF;}
#footer .faicon-dribble:hover{background-color:#EA4C89;}
#footer .faicon-facebook:hover{background-color:#3B5998;}
#footer .faicon-google-plus:hover{background-color:#DB4A39;}
#footer .faicon-linkedin:hover{background-color:#0E76A8;}
#footer .faicon-twitter:hover{background-color:#00ACEE;}
#footer .faicon-vk:hover{background-color:#4E658E;}

#footer input, #footer button{border-color:transparent;}
#footer input{color:#363636; background-color:#F0F0F0;}
#footer input:focus{border-color:#1C7AA8;}
#footer button{color:#FFFFFF; background-color:#1C7AA8;}


/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{
	color: #CCCCCC;
	background-color: inherit;
}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#1C7AA8;}
#mainav form select{color:#FFFFFF; background-color:#222222; border-color:rgba(255,255,255,.2);/* #FFFFFF */}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#1C7AA8;}

.container .sidebar nav a{
	color: inherit;
}
.container .sidebar nav a:hover{color:#1C7AA8;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#1C7AA8;}

#backtotop{color:#FFFFFF; background-color:#1C7AA8;}


/* Tables + Comments */


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


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{text-align:center;}
	#topbar > div:first-of-type > ul{margin-bottom:15px;}

	#header{text-align:center;}
	#header #logo{margin:0 0 30px 0;}

	#pageintro li article{max-width:none; width:100%; overflow:visible;}

	#testimonial blockquote{width:100%;}

	#footer{padding-bottom:50px;}/* Not required, just looks better */
}


@media screen and (max-width:450px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}

	.flex-direction-nav{right:inherit; left:0;}
	
#pageintro li .heading{
margin-bottom: 20px;
	font-size: 1.8rem;
	color: #fff;
text-shadow: 2px  2px 5px green,
            -2px  2px 5px green,
             2px -2px 5px green,
            -2px -2px 5px green;
			text-align:center;
	
						}
#topbar ul li:last-child{
	font-size:10px;
}
	
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}

	#header #quickinfo li{display:block; margin-right:0;}
}
.txtwrap p {
	text-align: left;
}
.nospace.group.center h2 {
	font-weight: 600;
	color: #FFF;
	font-size: 36px;
}
em {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	font-style: normal;
}
.text-center {
	text-align: center;
}
#quickinfo li {
	font-size: 24px;
}
#topbar .fl_right li {

}
.text-left {
	text-align: left;
	line-height: 1.8em;
}
h3 {
	line-height: 0em;
	font-size: 18px;
}
/* 円の基本形 */
.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
}
/* 円の大きさ */
.size_normal{
  width: 50px;
  height: 50px;
}
/* 文字の大きさ */
.letter3 {
  font-size: 2em;
  line-height: 1.5em;
}
/* 円と文字の色 */
.pink1 {
	color: #9C4E10;
	border: 4px solid #9C4E10;
}
.sankaku{
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-top: 40px solid #A6590B;
	margin: 0 auto;
}
.heading h3 {
	font-size: 16px;
}
article .icon {
	font-size: 24px;
}
.balloon1 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 14px;
	border-radius: 15px;
	background-color: #663300;
	font-weight: 600;
	text-align: center;
}

.balloon1 p {
margin: 0;
padding: 0;
} 

.balloon2 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 14px;
	border-radius: 15px;
	font-weight: 600;
	background-color: #009966;
	text-align: center;
}
.balloon2 p {
margin: 0;
padding: 0;
} 

.balloon3 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 14px;
	border-radius: 15px;
	font-weight: 600;
	background-color: #0099FF;
	text-align: center;
}
.balloon3 p {
margin: 0;
padding: 0;
} 

.balloon4 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 14px;
	border-radius: 15px;
	font-weight: 600;
	background-color: #FF6600;
	text-align: center;
}
.balloon4 p {
margin: 0;
padding: 0;
} 

.balloon5 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 14px;
	border-radius: 15px;
	font-weight: 600;
	background-color: #CC3366;
	text-align: center;
}
.balloon5 p {
margin: 0;
padding: 0;
} 

.balloon6 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #e0edff; border-radius: 15px; }
.balloon6 p {
margin: 0;
padding: 0;
} 
h1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #724025;
}

.title {
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: blanchedalmond;
    text-shadow:none;
    color: blanchedalmond

}
ul {
	margin: 0 0 20px 0;
	padding: 0px 0 0 15px;
}
.button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
	margin-top: 20px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
#breadcrumb h2 {
	padding-bottom: 50px;
}
dd {
	line-height: 1.8em;
	margin: 0px;
	padding: 10px 0;
}
dt {
	font-size: 16px;
	padding: 10px 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EED7CC;
}
h6 {
	font-weight: normal;
}
h6 .heading {
	font-weight: normal;
}

 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  {
	width: 30%;
	text-align: left;
	background-color: #F2F2F2;
	color: #333333;
}
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}
.content.three_quarter.first ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0px;
}
.content.three_quarter.first li {
	padding-bottom: 10px;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.comcont p {
	font-size: 16px;
	text-align: left;
}
.comcont text-left {
	text-align: left;
}
.sam13 a {
	display: block;
	width: 100%; /* 横幅 */
	background-color: #E9CBBE;
	border: 3px solid #2C160E;
	padding: 2em; /* a要素内の余白 */
	color: #000;
}

 /* 以下マウスを載せたときのスタイル */
.sam13 a:hover { background-color: #247BA0;
 color:#222222; }

.fl_left h1 { font-size: 14px; border:none;}
.sectiontitle h3 { line-height: 1.6;}
.mt50 { margin-top:50px;}
.mt25 { margin-top:25px;}
.txt-left { text-align:left;}
.bold { font-weight:bold;}
.underline { border-bottom:3px double; color:#FFF;}
.lh16 { line-height:1.6; margin-bottom:0px; padding-bottom:0px;}
.to_qa {font-size:10px; display:block;}