@charset "UTF-8";

/*
	Theme Name: GROC T003C4
	Description: 
	Theme URI: http://www.groc.jp/
	Author: ODC
	Author URI: 
	Version: 1.0.0
*/

/* CSS Document */


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

          common

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


html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #666;
	min-width: 1060px;
	height: 100%;
	width: 100%;
	background: url(img/common/body_bg.png) repeat top left;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}


div, h1, h2, h3, h4, p, ul, li,
th, td, form, input, textarea {
	margin: 0;
	padding: 0;
}


/*---------------------------------
 Text Link
----------------------------------*/

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover,
div#footer a:hover {
	color: #FF9999;
	text-decoration: none;
}


/*---------------------------------
 Layout
----------------------------------*/

#container {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	line-height: 1.8;
	font-family: "メイリオ", "Meiryo";
	text-align: left;
	font-size: 14px;
	background-color: #FEFCF6;
	background: url(img/common/hmenu_bg.png) repeat-x left 0;
	
}

body > div#container { /* FF対策 */
	height: auto;
}

#header {
	margin: 0 auto ;
	padding: 0;
	width: 930px;
	height: 110px;
	overflow: hidden;  /*float対策 */
	
}

#header-menu {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 912px;
	height: 50px;
}

#contents {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 140px;
	/*overflow: hidden;*/
	
}

#wrapper {
	margin: 0 auto;
	padding: 0 ;
	width: 916px;
	overflow: hidden;
}

#navi {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	font-size: 85%;
	text-align: left;
	clear:both;
}

#navi a {
	text-decoration: none;
}

/*#navi a.top-url {
	color: #FF9999;
	text-decoration: none;
}*/

#main {
	margin: 0 auto;
	padding: 0;
	overflow: hidden; /* float対策 */
	width: 916px;
}

#top-main {
	float: right;
	width: 635px;
}

#side-menu {
	margin-top: 10px;
	padding: 0;
	width: 236px;
	float: left;
}

#footer-box {
	width: 100%;
	height:110px;
	position:absolute;
	bottom:0;
	background: url(img/common/body_bg.png) repeat top left;
}

#footer {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 100%;
	clear: right;
	background: url(img/common/footer_bg.png) repeat-x left top;
}


/*---------------------------------
 Header
----------------------------------*/

.head-l {
	float: left;
	margin: 15px 0 0 5px;
}

.site-logo {
	margin: 0 0 0 0;
	width: 220px;
}

.site-logo a {
	margin: 0;
	padding: 0;
}

.site-copy {
	float: left;
	margin-left: 3px;
	color:#F7B301;
}


.head-contact {
	width: 295px;
	float: right;
	margin-top: 10px;
	padding: 0;
}

.head-tel {
	font-size: 36px;
	color: #F7B301;
	line-height: 1;
	padding: 0 0 3px 0;
	font-family: 'Nunito', serif;
	font-weight: bold;
}

.head-tel img{
	vertical-align: top;
	margin-top: 3px;
	margin-right: 3px;
}

.head-time {
	font-size: 85%;
	line-height: 1.1;
}

.head-time img {
	margin-right: 5px;
}

*:first-child+html .head-tel { /*IE7*/
	font-size: 38px;
	color: #F7B301;
	padding: 0;
	margin: -6px 0 7px 0;
	font-family: 'Nunito', serif;
	height: 38px;
}

*:first-child+html .head-tel img{ /*IE7*/
	margin-top: 10px;
	margin-right: 5px;
}

*:first-child+html .head-time {/*IE7*/
	font-size: 85%;
	line-height: 1.3;
}

*:first-child+html .head-time img {
	margin-right: 5px;
	vertical-align: middle;
}

/*---------------------------------
 heaader-menu
----------------------------------*/

#header-menu ul{
	width: 912px;
	margin: 0;
	padding: 0;
}

#header-menu ul li {
	float: left;
	list-style-type: none;
}

#header-menu ul li a {
	margin: 0;
	padding: 0;
}


/*---------------------------------
 side-Menu
----------------------------------*/

#side-menu {
	width: 140px;
	margin: 30px 0 0 0;
	padding: 0 15px 15px 0;
	border-right: 1px dotted #ddd;
	/*margin: 30px 0 0 -20px;
	padding: 0 15px 15px 15px;
	border: 1px dotted #ddd;*/
	line-height: 1.5;
}

#side-menu h5 {
	margin: 0 0 15px 0;
}

#side-menu ul {
	list-style: none;
	text-decoration: none;
	margin: 0 0 20px 0;
}

#side-menu ul li{
	width: 120px;
	margin: 10px 0;
	padding: 0 0 0 20px;
	background: url(img/common/head_list.png) no-repeat left top;
	list-style: none;
	font-size: 85%;
}

#side-menu ul li.stitle {
	color: #FF9999;
	padding: 0;
	background: none;
	font-size: 100%;
	/*margin: 15px 0 0 0;*/
	margin: 0 0 0 0;
}



/*---------------------------------
 Contents
----------------------------------*/

h2 {
	font-size: 12px;
	font-weight: normal;
}



h4 {
	color: #FF9999;
	margin: 0 0 30px 0;
	padding-top:30px;
	padding-bottom: 0;
	font-weight: normal;
	font-size: 17px;
}

h5 {
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
}

.widgettitle {
	width: 190px;
}


div.clear {
	clear: both;
}

/*---------------------------------
 main
----------------------------------*/

.main-t-box {
	margin: 0;
	padding: 0;
	width: 916px;
	height: 30px;
	background-image: url(img/common/maiin_t.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.main-m-box {
	margin: 0;
	padding: 5px 77px 35px 77px;
	width: 760px;
	background: url(img/common/main_m.png) repeat-y left top;
}

.main-m-box h3 {
	margin: 0 -74px 15px -74px ;
	padding:5px 0 30px 74px;
	display: block;
	color: #FF9999;
	border-bottom: 1px dashed #FF9999;
	font-size: 20px;
}

.title-img01 {background: url(img/common/illust01.png) no-repeat 680px -2px;}
.title-img02 {background: url(img/common/illust02.png) no-repeat 740px top;}
.title-img03 {background: url(img/common/illust03.png) no-repeat 740px top;}
.title-img04 {background: url(img/common/illust04.png) no-repeat 740px top;}
.title-img05 {background: url(img/common/illust05.png) no-repeat 740px top;}
.title-img06 {background: url(img/common/illust06.png) no-repeat 740px top;}


.main-b-box {
	margin: 0;
	width: 916px;
	height: 30px;
	background: url(img/common/main_b.png) no-repeat left top;
}

.main-m-box dl {
	margin: 0;
	padding: 7px 0;
	width: 760px;
	/*font-size:95%;*/
	border-bottom: 1px dashed #ccc;
}


.main-m-box dt {
	clear: left;
	float: left;
	width: 160px;
	padding-left: 10px 0;
}

.main-box dl dd {
	margin-left: 160px;
}



.pagetop-box {
	margin-top: 15px;
	clear: both;
	padding-bottom: 7px;
	width: 650px;
	text-align: right;
	border-bottom: 1px dashed #ddd;
	display: block;
}


.pagetop-box img{
	cursor: pointer;
}


.fcontact-box {
	width: 575px;
	height: 200px;
	margin: 15px auto 0 auto;
	padding: 5px 30px 5px 30px;
	background: url(img/top/top_contact_bg.png) no-repeat left top;
}

.fcontact-l {
	float: left;
	margin: 15px 0 0 15px;
	width: 240px;
}

.fcontact-logo {
	margin-top: 3px;
}

.access-box {
	clear: right;
	margin: 5px 0 10px 20px;
	line-height: 1.4;
	padding-top: 3px;
}



.access-box a {
	margin-left: 10px;
}

.btn-fcontact {
	margin-left: 10px;
}

/*---------------------------------
 table
----------------------------------*/

table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: separate;
	margin: 0 auto;
	width: 100%;
	/*font-size: 90%;*/
}

table tr td,
table th {
	padding: 5px 7px;
	line-height: 1.5;
}

.thbg {
	background: #f1f1f1;
}

table th {
	background: #FF9999;
	border-top: 1px solid #FF9999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #FF9999;
	white-space: nowrap;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding: 0 7px;
}

table tr td {
	background: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #fff;
}



/*---------------------------------
 Page Top
----------------------------------*/

.page-top {
	bottom: 30px;
	left: 930px;
	position: absolute;
}


.page-top a {
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
}



/*---------------------------------
 Footer
----------------------------------*/



#footer a {
	text-decoration: none;
}

.footer-menu {
	width: 910px;
	height: 20px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	font-size: 85%;
}

.footer-menu ul{
	margin: 0;
	padding: 0;
}

.footer-menu ul li{
	float: left;
	list-style-type: none;
	margin: 0 18px 0 0;
	padding-left: 18px;
	background: url(img/common/head_list.png) no-repeat left top;
}

.foot-box {
	height: 75px;
	width: 910px;
	margin: 0 auto;
	position: relative;
}
	
.fb-like {
	float: left;
	margin: 5px 0 0 0;
}

.foot-copy {
	text-align: left;
	float: left;
	font-size: 80%;
}

.foot-r {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

.foot-logo {
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1;
}

.copyright {
	padding: 0;
	margin: 5px 0 0 0;
	margin-right: 0;
	float: right;
	color: #fff;
	font-size: 90%;
}


.line {
	clear: both;
	border-bottom: 3px solid #eee;
	margin-top: 40px;
	margin-bottom: 40px;
}


#slider {
	position:relative;
}


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

          TOP
		  
*****************************************/





.top-img-box {
	margin: 0 auto 20px auto;
	width: 910px;
	height: 320px;
	background: url(img/top/top_img_bg.png) no-repeat left top;
}

.top-img-lbox {
	width: 300px;
	height: 220px;
	float: left;
	text-align: center;
	margin: 80px 0 0 50px;
}

.top-img-rbox {
	width: 470px;
	height: 285px;
	float: right;
	margin: 20px 50px 0 0;
	overflow: hidden;
}

.top-tel {
	font-size: 35px;
	color: #F7B301;
	line-height: 0.9;
	margin: 15px 3px 15px 0;
	padding: 0 ;
	font-family: 'Nunito', serif;
	font-weight: bold;
}


.top-about-tbox {
	width: 635px;
	height: 70px;
	background: url(img/top/top_about_t_bg.png) no-repeat left top;
}

.top-about-mbox {
	width: 555px;
	padding: 0 40px;
	background: url(img/top/top_about_m_bg.png) repeat-y left top;
}

.top-about-mbox h3{
	text-align: center;
	font-size: 150%;
	margin: 0 0 20px 0;
	padding:0;
	color: #F7B301;	
}

.top-about-mbox p{
	padding-bottom: 30px;
}

.top-about-bbox {
	width: 635px;
	height: 100px;
	background: url(img/top/top_about_b_bg.png) no-repeat left top;
}


	
/* お知らせ */

.top-news-box {
	margin: 0 0 20px 0;
	padding: 0 20px 2px 20px;
	border-bottom: 1px dashed #ddd;
	width: 195px;
	height: 445px;
	background: url(img/top/top_news_bg.png) no-repeat left top;
}

.top-news-box h4{
	margin: 0 auto;
	padding: 15px 0 10px 0;
	color: #FF9999;
}

.top-news-box dl {
	margin: 0;
	padding: 7px 0;
	width: 195px;
	border-bottom: 1px dashed #ddd;
	line-height: 1.5em;
	font-size: 90%;
}

.top-news-box dl dt {
	clear: left;
	float: left;
	width: 195px;
	color: #FF9999;
	margin-bottom: 3px;
}

span.new{
	color: red;
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
}

.top-news-box dl dt img {
	float: right;
    margin: 0 0 8px 10px;
}

.top-news-box dl dd {
	width: 195px;
	margin: 0;
	padding:0;
}

.top-news-box dl dd a {
	text-decoration: none;
}




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

          About

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

.img-about01 {
	float: right;
	margin-left: 40px;
	margin-top: 0;
	display: block;
	font-size: 85%;
}

.img-about01 img {
	width: 400px;
	height: auto;
}

.img-about02 {
	display: block;
	padding: 5px 5px 5px 5px;
	line-height: 1;
	background-color: #fff;
	margin-top: 15px;
}

.map {
	padding: 5px auto;
	background-color: #fff;
	width:760px; height:400px;
}


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

          lec

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

.lec01-box dl {
	margin: 0;
	/*width: 280px;*/
	padding: 15px 0;
	/*font-size:95%;*/
	/*border-bottom: 1px dashed #A6CF59;*/
}

*:first-child+html .lec01-box dl {
	width: 360px;
	padding: 5px 0;
}

.lec01-box dl dt {
	clear: left;
	float: left;
	width: 100px;
}

*:first-child+html .lec01-box dl dt {
	width: 100px;
}

.lec01-box dl dd {
	/*width: 185px;*/
	margin-left: 100px;
}

.img-lec01 {
	float: right;
	padding-left: 50px;
	padding-bottom: 20px;
	margin-top: 10px;
	display: block;
	font-size: 85%;
	background-color: #fff;
}

.img-lec01 img{
	width: 300px;
	height: auto;
}


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

          voice

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

.voice01-box {
	padding-bottom: 20px;
	margin-bottom: 35px;
	/*border-bottom: 1px dashed #A6CF59;*/
	border-bottom: 1px dashed #ddd;
}

.voice01-box h5{
	color: #FF9999;
}

.img-voice01 {
	float: right;
	margin-left: 40px;
	display: block;
	font-size: 85%;
	margin-bottom: 20px;
}

.img-voice01 img{
	width: 300px;
	height: auto;
}



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

          price
		  
*****************************************/

.price01-box {
	border: none;
	margin-bottom: 40px;
	/*margin-right: 40px;*/
	/*width: 280px;*/
}

.price01-box p{
	margin-bottom: 20px;
}

.price01-box h4 {
	color: #FF9999;
	font-weight: bold;
	font-size: 115%;
	border-bottom: 1px dotted #FF9999;
	margin-bottom: 20px;
	padding-top: 10px;
	display: block;
}

.price01-box dl {
	margin: 0;
	/*width: 280px;*/
	padding: 5px 0;
	/*font-size:95%;*/
	border-bottom: 1px dashed #ddd;
}

.price01-box dl dt {
	clear: left;
	float: left;
	width: 100px;
}

.price01-box dl dd {
	/*width: 210px;*/
	margin-left: 100px;
}


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

          News

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

.news-main-box {
	width: 560px;
	float: right;
	margin-top: 30px;
}

.news-box {
	margin-bottom: 10px;
    padding-bottom: 40px;
	border-bottom: 1px dashed #ddd;
}

.entry-title {
	margin: 0;
	padding: 0;
}

.entry-title a{
	color: #FF9999;
	margin-bottom: 0;
}

.entry-title a:hover {
	color: #FF9999;
}

.day-box {
	margin: 0 auto 30px auto;
	font-size: 95%;
}


.navigation {
	margin-top: 10px;
	font-size: 90%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



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

          sitemap

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

.sitemap-box ul {
	margin: 0 0 40px 0;
	float: left;
	width: 380px;
}

.sitemap-box ul li{
	margin: 20px 0 0 0;
	padding-left: 18px;
	background: url(img/common/head_list.png) no-repeat left 2px;
	list-style: none;
}





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

          policy

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


dl.policy-box {
	margin: 20px 0;
	padding: 20px 0;
	width: 100%;
}

dl.policy-box dt {
	margin-bottom: 5px;
	clear: both;
	display: block;
	border-bottom: 1px dashed #ddd;
	width: 100%;
	font-size: 110%;
}

dl.policy-box dd {
	margin-bottom: 30px;
	clear: both;
	display: block;
	margin-left: 2.2em;
	width: 95%;
}

dl.policy-box dd a {
	font-size: 85%;
	margin-left: 10px;
}

.policy {
	border: 5px solid #f1f1f1;
	padding: 20px 30px;
}


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

          Form

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

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
	width:95%;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #3CF;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(102,204,255,1);
 	-moz-box-shadow: 0 0 3px rgba(102,204,255,1);
	box-shadow:  0 0 3px rgba(102,204,255,1);
 	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 20px;
	border: 1px solid #3CF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #6CF;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	letter-spacing: 5px;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #3CF;
		background: #3CF;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}







.mgnt10 {
	margin-top: 10px;
}

.mgnt15 {
	margin-top: 15px;
}

.mgnt30 {
	margin-top: 30px;
}

.mgnb10 {
	margin-bottom: 10px;
}

.mgnb15 {
	margin-bottom: 15px;
}

.mgnb20 {
	margin-bottom: 20px;
}

.mgnb30 {
	margin-bottom: 30px;
}

.mgnb50 {
	margin-bottom: 50px;
}

.mgnl40 {
	margin-left: 40px;
}

.mgnr0 {
	margin-right: 0;
}