@charset "UTF-8";


@media print, screen and (min-width: 641px) {
	
/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

body {
    color: #333;
	font-size: 14px;
    font-family: "メイリオ", Meirio, Verdana,Arial,Helvetica,sans-serif;
    line-height: 160%;border-top:4px solid #ff9900;
}


/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin-bottom: 10px;
	font-size: 240%;
	font-family: 'Josefin Sans', sans-serif;
}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}


/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}


/****************************************

          Link

*****************************************/

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #fe56aa;
}



#content h2 a:link {
    color: #fff;font-weight:normal;}
#content h2 a:visited {
    color: #fff;}

/****************************************

          Layout

*****************************************/


.inner {
	margin: 0 auto;
	padding: 0;
}

/* －－－－－ SP非表示 －－－－－ */
.onlySp {display: none;}

/* =============================================== */
/* container                                                                    */
/* =============================================== */

#container {
	margin: 0px auto;
	padding: 0;
	width:1000px;
	background: #fff;
	overflow: hidden;
	}


/* =============================================== */
/* header                                                                    */
/* =============================================== */

header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width:1000px ;
	height: 145px;
	color: #313131;
	}

header h1 {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 78.5%;
	font-weight: normal;
}
header .logo {
	position: absolute;
	left: 0;
	top: 25px;
}
header .logo img {
	width: 400px;
	height: auto;
}
header h2 {
	position: absolute;
	left: 140px;
	top: 98px;
	font-size: 93%;
}
header .copy {
	position: absolute;
	left: 340px;
	top: 64px;
}
/*header .woman {
	position: absolute;
	right: -54px;
	top: 12px;
}*/
header span.tel {
	position: absolute;
	right: 0px;
	top: 27px;
	font-size: 180%;
	font-weight: normal;
	color: #fb7e21;
	width: 230px;
	text-align: right;
	background: url(images/common/icon_tel.png) no-repeat 0 10px;
	-webkit-background-size: 32px auto;
	     -o-background-size: 32px auto;
	        background-size: 32px auto;padding:5px 0px;
}
header span.tel a:link {
	color: #fb7e21;
}
header span.time {
	position: absolute;
	right: 0px;
	top: 70px;
	font-size: 110.0%;
	font-weight: bold;
	color: #666;
}

header .mail{
	position: absolute;
	right: 0px;
	top: 95px;
	margin: 0;
	width: 296px;
	
	display: block;

}


/*header .mail a {
	position: absolute;
	right: 60px;
	top: 75px;
	margin: 0;
	padding: 7px 10px;
	width: 250px;
	text-align: right;
	border: 1px solid #fb7e21;
	background-image:url(../img/common/icon_mail_white.png)  ;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	-webkit-transition: all 1s ease 0s ;
    -moz-transition: all 1s ease 0s ;
    -o-transition: all 1s ease 0s ;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; 
}
header .mail a:hover {
	border: 1px solid ##fb7e21;
	color: #fb7e21;
	background: url(../img/common/icon_mail.png) no-repeat 8px 8px #fff;
	-webkit-background-size: 30px auto;
	     -o-background-size: 30px auto;
	        background-size: 30px auto;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; 
}*/


/* －－－－－ #nav_global －－－－－ */

#bg_nav {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 60px;
	background: url(images/common/navi_bg.png) repeat-x top center ;border-bottom:1px solid #EBEBEB;border-top:1px solid #ff9900;
	}
nav#nav_global {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	z-index: 2;
	}
nav#nav_global ul {
	height: 60px;
	background: url(images/common/nav_global_line.png) no-repeat bottom left ;
	}
nav#nav_global ul li {
	float:left;
	width: 24.8%;
	height: 60px;
	background: url(images/common/nav_global_line.png) no-repeat bottom right ;
	text-align: center;
	line-height: 1.3;
	}
nav#nav_global ul li a {
	padding-top:10px;
	color:#333;
	display: block;
	text-decoration: none;
	}
nav#nav_global ul li a:hover {
	background: url(images/common/nav_global_hover.png) no-repeat -0px -65px ;
	height: 60px;
	overflow: visible;
	}
#home nav#nav_global ul li.nav01 a,
#about nav#nav_global ul li.nav02 a,
#diary nav#nav_global ul li.nav03 a,
#interview nav#nav_global ul li.nav04 a,
#family nav#nav_global ul li.nav05 a {
	background: url(images/common/nav_global_hover.png) no-repeat -0px -65px ;
	height: 60px;
	overflow: visible;
	}

nav#nav_global ul li a div {
	padding: 8px 0 5px;
	font-size: 130%;
	font-weight: normal;
	}

nav#nav_global ul li a div span {
	font-size: 70%;
	}
nav#nav_global ul li a span.sub {
	font-size: 85.7%;
	}
nav#nav_global ul li a:hover div {
	color:#FF3333;
	}
#home nav#nav_global ul li.nav01 div,
#about nav#nav_global ul li.nav02 div,
#diary nav#nav_global ul li.nav03 div,
#interview nav#nav_global ul li.nav04 div,
#family nav#nav_global ul li.nav05 div {color: #ffd53c;}



/* －－－－－ #p_title －－－－－ */
#p_title  {
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	width: 100%;
	height: 90px;
	padding: 0;
	/*background: rgba(188,4,4,0.5);*/
	background:url(../img/common/bg_ptitle.png);
	z-index: 3;
}
#p_title h2  {
	margin: 0 auto;
	padding: 20px;
	width: 1060px;
	font-size: 257.2%;
	color: #333;
}
#p_title::after{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -75px;
	content: "\A" ;
	white-space: pre ;
	width: 0;
	height: 0;
	/*border: 40px solid transparent;
	border-top: 40px solid #a60303;*/
}


/* ================================================ */
/* p_list                                                              */
/* ================================================ */

div#p_list {
	margin: 10px auto 80px;
	width: 980px;
}
div#p_list ul {
	font-size: 78.6%;
	color: #535353;
	text-align: right;
}
div#p_list ul li {
	display: inline;
	padding-left: 10px;
}
div#p_list ul a {
	color: #535353;
	text-decoration: none;
	padding-right: 10px;
}
div#p_list ul a:hover {
	color: #ffa800;
}



/* =============================================== */
/* content                                                                    */
/* =============================================== */

#content {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	}
#content section {
	margin-bottom: 60px;
	width: 100%;
	}
#content div.group {
	margin-bottom: 30px;
	}
#content .inner {
	margin: 0 auto 60px;
	padding: 0;
	width: 1000px;
	}
#content:after,
#content section:after,
#content article:after,
#content div.group:after,
#content .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}

#content p {
	padding-bottom: 10px;
	}
#content p strong {
	font-size: 128.6%;
	color: #ff8a00;
	}

#content h2{margin:0px auto;margin-top:20px;background:url(images/common/bg_h2.png) no-repeat;color:#fff;font-size:140%;text-align:left;padding:10px;padding-left:20px;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;margin-bottom:20px;}
	
@media screen and (max-width: 1199px) {
#content p strong {
	font-size: 200%;
	color: #ff8a00;
	}
}



/* －－－－－ .title －－－－－ */

#content .title {
	margin: 0 auto 30px;
	padding-bottom: 20px;
	text-align: center;
	}
#content .title h2 {
	font-size: 200%;
	color: #635245;
	line-height: 1.1;
	}
#content .title span {
	font-size: 128.6%;
	color: #635245;
	font-weight: normal;
	}

#content .sub_title {
	margin: 0 auto 30px;
	padding: 15px 0;
	text-align: center;
	background:url(../img/common/bg_sub_title.png) repeat-x top;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;
	}
#content .sub_title h2 {
	font-size: 200%;
	color: #fff;
	line-height: 1.4;margin-bottom:10px;
	}
	
#content h3{background:#ebebeb;color:#333;padding:10px;font-size:100%;margin-bottom:20px;border:1px solid #ccc;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;}


#content .hometit{margin-bottom:0px;}


#main {
	float: left;
	width: 730px;
}	
#sidebar {
	float: right;
	width: 200px;margin-top:17px;
}


/* =============================================== */
/* footer                                          */
/* =============================================== */

footer {
	margin: 50px 0 0;
	color:#fff;
	}
footer #footerNav {
	margin: 0;
	padding: 30px 0;
	width: 100%;
	text-align: center;
	font-size: 85.7%;
	background: #fff;
	clear: both;border-top:1px solid #ccc;
	}
footer #footerNav ul li {
	display: inline-block;
	border-right: 1px solid #666;
	}
footer #footerNav ul li:last-child {
	border-right: none;
	}
footer #footerNav ul li a {
	padding: 0 20px;
	color: #666;
	display: block;
	text-decoration: none
	}
footer #footerNav ul li a:hover {
	text-decoration: none
	}

footer section {
	margin: 0;
	padding: 30px 0 0;
	width: 100%;
	height: 100px;
	text-align: center;
	background: #ff9900;
	}
footer section h3 {
	margin-bottom: 20px;
	font-size: 214%;
	font-weight: bold;
	color: #FFD53D;
	}
footer section div {
	padding-bottom: 10px;
	font-weight: bold;
	white-space: pre ;
	}
footer section a:link,
footer section a:visited,
footer section a:hover,
footer section a:active {
	color: #FFF;
	}
footer #copy {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	color:#2f2f2f;
	text-align: center;
	clear: both;
	}

.skype_c2c_print_container{color:#fff;}

/* －－－－－ page-top －－－－－ */

#page-top {
	position: fixed;
	bottom: 15px;
	right: 0;
	}
#page-top a {
	background:#F90;
	color: #ffffff;
	text-align: center;
	padding:  15px 15px;
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter: “alpha( opacity=30 )”;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	}
#page-top a:hover {
	text-decoration: none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
	}


/* －－－－－ switch －－－－－ */

.switch {
    visibility: hidden;
}


#contenttit{margin-top:30px;margin-bottom:50px;}




/* =============================================== */
/* home                                                                    */
/* =============================================== */


#p_title, 
#p_list {
	display: none;
}

/* －－－－－ #visual －－－－－ */

#visual {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 400px;
	background:#f4f4f4;
	/*background: url(images/home/visual_bg.png) no-repeat bottom center;
	background-size: 100% auto;*/
	overflow: hidden;text-align:center;border-bottom:1px solid #ccc;
	}
	
/*#visual div.visual_copy {
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	width: 100%;
	padding: 25px 0;
	text-align: center;
	background: rgba(4,120,71,0.5);
	z-index: 1;
	}
#visual .autoplay {
	position: absolute;
	bottom: 97px;
	right: 0;
	left: 0;
	margin: 0 auto;
	max-width:1300px;
	overflow: hidden;
	}
#visual .autoplay img {
	width: 247px;
	height: auto;
	}*/



/* －－－－－ service －－－－－ */

#content #service {text-align:center;}
#content #service #inner{width:1000px;margin:0px auto;padding:60px 0px;}
#content #service #intro{margin-bottom:50px;}
#content #service div.mainLink ul li {
	float:left;
	margin-right: 45px;
	padding: 1px 0;
	color: #333;
	width:285px;
	height: 400px;
	text-align: left;
	font-weight: normal;
	}
#content #service div.mainLink ul li:last-child {
	margin-right: 0;
	}
#content #service div.mainLink ul li a {
	color: #635245;
	}
#content #service div.mainLink ul li img {
	padding-bottom: 20px;width:285px;
	}
#content #service div.mainLink ul a:hover {
	color: #635245;
	}
#content #service div.mainLink ul li .point{font-weight:bold;font-size:120%;margin-bottom:5px;text-align:center;color:#635245;}




/* －－－－－ blank －－－－－ */

#content #blank01 {height:300px;margin:0px;padding:0px;background:url(images/home/blank01.png) no-repeat fixed top;background-size:100% auto;}



/* －－－－－ profile －－－－－ */

#content #profile {background:url(images/home/profile_bg.png) no-repeat center top;}
#content #profile #inner{width:1000px;margin:0px auto;padding:50px 0px;padding-bottom:70px;}
#content #profile #inner #photospace{width:460px;float:left;height:530px;}
#content #profile #inner #profilespace{width:500px;float:right;height:530px;line-height:200%;}
#content #profile #inner #profilespace p{font-size:130%;font-weight:bold;color:#F90;}
#content #profile #inner .more{margin-top:20px;}



/* －－－－－ seminar －－－－－ */

#content #seminar {background:url(images/home/seminar_bg.png) no-repeat center top;background-color:#fff3d7;text-align:center;}
#content #seminar #inner{width:800px;margin:0px auto;padding:60px 0px;}
#content #seminar #intro{text-align:left;padding-bottom:40px;border-bottom:1px solid #bbbbbb;margin-bottom:50px;color:#F60;}
#content #seminar li{height:140px;text-align:left;padding-bottom:10px;border-bottom:1px dotted #CCCCCC;margin-bottom:10px;}
#content #seminar p{margin:0px;padding:0px;}
#content #seminar .seminarphoto{float:left;width:200px;height:140px;}
#content #seminar .date{float:left;width:600px;}
#content #seminar .post-date{font-size:90%;}

/* －－－－－ blog －－－－－ */

#content #blog {text-align:center;}
#content #blog #inner{width:800px;margin:0px auto;padding:20px 0px;}
#content #blog li{height:140px;text-align:left;padding-bottom:10px;border-bottom:1px dotted #CCCCCC;margin-bottom:10px;}
#content #blog p{margin:0px;padding:0px;}
#content #blog .blogphoto{float:left;width:200px;height:140px;}
#content #blog .date{float:left;width:600px;}
#content #blog .post-date{font-size:90%;}


/* －－－－－ facebook －－－－－ */

#content #facebook {text-align:center;background:#fff3d7;}
#content #facebook #inner{width:800px;margin:0px auto;padding:20px 0px;}






/* －－－－－ items －－－－－ */

#content #items {text-align:center;}
#content #items #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #items #intro{margin-bottom:30px;font-size:110%;}
#content #items #subtit{margin-bottom:30px;}
#content #items .come{text-align:left;margin-bottom:30px;margin-top:10px;}
#content #items div.mainLink ul li {
	float:left;
	margin: 0px 6px;
	padding: 1px 0;
	color: #333;
	/*width: 235px;*/
	width:320px;
	height:310px;
	text-align:center;
	font-weight: normal;
	}
#content #items div.mainLink ul li:last-child {
	margin-right: 0;
	}
#content #items div.mainLink ul li a {
	color: #635245;
	}
#content #items div.mainLink ul li img {
	width:300px;border:1px solid #ebebeb;margin-bottom:5px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
	}
#content #items div.mainLink ul a:hover {
	color: #635245;
	}
#content #items div.mainLink ul li .point{width:292px;margin:0px auto;background:#FFC;color:#330000;padding:5px;font-weight:bold;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; }
#content #items #qa {text-align:left;}
#content #items #qa #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #items #qa #intro{margin-bottom:50px;text-align:center;font-size:110%;}
#content #items #qa .que{background:url(images/common/que.png) no-repeat 0;padding:15px;padding-left:40px;font-weight:bold;margin-bottom:20px;border-bottom:1px dotted #CCCCCC;color:#F90}
#content #items #qa .ans{background:url(images/common/ans.png) no-repeat;margin-left:40px;padding-left:40px;margin-bottom:50px;}




/* －－－－－ corporate －－－－－ */

#content #corporate {}
#content #corporate #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #corporate #intro{margin-bottom:30px;font-size:110%;}
#content #corporate #subtit{margin-bottom:30px;}
#content #corporate table { width: 100%; }

.gaiyou td { text-align: left;border:1px solid #ddd;padding:15px;}
.gaiyou th{ background:#ebebeb;} 
.gaiyou { margin: 0 0px; }
.gaiyou th,
.gaiyou tr:first-child th   { border-top: 1px solid #ddd;padding:15px;width:20%; }



/* －－－－－ policy －－－－－ */

#content #policy {}
#content #policy #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #policy #intro{margin-bottom:30px;font-size:110%;}
#content #policy p{margin-bottom:50px;}

/* －－－－－ kaihatu －－－－－ */

#content #kaihatu {}
#content #kaihatu #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #kaihatu #intro{margin-bottom:30px;font-size:110%;}
#content #kaihatu p{margin-bottom:50px;}
#content #kaihatu div.mainLink ul li {
	float:left;
	margin-right: 17px;
	padding: 7px;
	color: #333;
	width:30%;
	height: 360px;
	text-align: left;
	font-weight: normal;border:1px solid #ccc;
	margin-bottom:25px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; 
	}
#content #kaihatu div.mainLink ul li:last-child {
	margin-right: 0;
	}

#content #kaihatu div.mainLink ul li img {
	width:100%;padding-bottom: 10px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; 
	}
#content #kaihatu div.mainLink ul li .point{font-weight:bold;font-size:150%;margin-bottom:5px;color:#635245;}
#content #kaihatu #qa {}
#content #kaihatu #qa #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #kaihatu #qa #intro{margin-bottom:50px;text-align:center;font-size:110%;}
#content #kaihatu #qa .que{background:url(images/common/que.png) no-repeat 0;padding:15px;padding-left:40px;font-weight:bold;margin-bottom:20px;border-bottom:1px dotted #CCCCCC;color:#F90}
#content #kaihatu #qa .ans{background:url(images/common/ans.png) no-repeat;margin-left:40px;padding-left:40px;margin-bottom:50px;}


/* －－－－－ セミナー詳細 －－－－－ */
#content #seminar_about #qa {text-align:left;}
#content #seminar_about #qa #inner{width:1000px;margin:0px auto;padding:50px 0px;}
#content #seminar_about #qa #intro{margin-bottom:50px;text-align:center;font-size:110%;}
#content #seminar_about #qa .que{background:url(images/common/que.png) no-repeat 0;padding:15px;padding-left:40px;font-weight:bold;margin-bottom:20px;border-bottom:1px dotted #CCCCCC;color:#F90}
#content #seminar_about #qa .ans{background:url(images/common/ans.png) no-repeat;margin-left:40px;padding-left:40px;margin-bottom:50px;}

/* －－－－－ ブログ詳細 －－－－－ */
#content #blog_about  {width:1000px;margin:0px auto;text-align:left;}

/*contactform*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 600px;
	border: 1px solid #ccc;
	font-size: 100%;
	padding: 1.0em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;margin:0px auto;text-align:left;
}

.wpcf7 p{width: 640px;margin:0px auto;text-align:left;font-weight:bold;font-size:110%;background:#ebebeb;padding:10px;color:#635245;}
.mailform{width:640px;margin:0px auto;margin-top:50px;margin-bottom:50px;}
.mailform .pagetit{margin-bottom:30px;}






}