@charset "utf-8";

/*==================================================

	reset CSS

===================================================*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td{ margin: 0; padding: 0;}

html,body{ background: #FFF; color: #000;}

body{ font:100.01% "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}

img{ border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol{ text-indent: 0;}
li{ list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal;}

sup{ vertical-align: text-top;}
sub{ vertical-align: text-bottom;}

input,textarea,select{ font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select{ font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{ font-size: 100%;}

table{ border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td{ text-align: left; vertical-align: top;}
caption{ text-align: left;}

pre,code,kbd,samp,tt{ font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt{ font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{ font-size: 108%; line-height: 100%;}

input,select,textarea{ font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

hr{	display:none; }

fieldset{ border:none;}

/*==================================================

	base CSS

===================================================*/

/*-------------------------------------------------
	body,link
---------------------------------------------------*/

html,body{ height: 100%;}

body{ color:#533F31; }

a{ color: #7F2244; text-decoration:underline; }

a:visited{ color: #7F2244; text-decoration:underline; }

a:hover{ color:#E07E07; text-decoration:none; }

a:active{ color: #066; text-decoration:none; }

/*-------------------------------------------------
	container,wrp
---------------------------------------------------*/

#container{ font-size: 90%; }

#wrp{ width: 800px; margin: 0 auto; }

#wrp ul li, #wrp dd, #wrp th, #wrp td, #wrp p{ line-height: 1.8; }

/*==================================================

	header CSS

===================================================*/

#header{ width: 800px; margin: 0 auto; position: relative; }

#ci{ padding-top: 5px; margin-bottom: 5px; }

#tel{ position: absolute; right: 0; top: 0; }

/*==================================================

	navigation CSS

===================================================*/

/*-------------------------------------------------
	global navigation
---------------------------------------------------*/

#globalNav{  background: url(../img/container_bg.png) repeat-x left bottom; padding: 60px 0 40px; margin-bottom: 45px; }

#globalNav ul{ width: 800px; margin: 0 auto; }

#globalNav li{ float: left; display: inline; padding-right: 80px; }

#globalNav #lastChild{ padding-right: 0; }


/*==================================================

	contents CSS

===================================================*/

/*-------------------------------------------------
	common settings
---------------------------------------------------*/

#wrp h3{ margin-bottom: 40px; margin-left: -20px; zoom: 1; }

#wrp .contBox{ padding-left: 20px; }

/*-------------------------------------------------
	specialMsgArea
---------------------------------------------------*/

#specialMsgArea{ padding: 30px; border: 1px dotted #966822; margin-bottom: 60px; }

#specialMsgArea dt{ font-weight: bold; margin-bottom: 10px; }

#specialMsgArea #detailInfo{ margin: 15px 0 0 15px; }

#specialMsgArea #detailInfo dd{ font-size: 120%; }


/*-------------------------------------------------
	greetingArea
---------------------------------------------------*/

#greetingArea h2{ margin-bottom: 30px; }

#greetingArea p{ padding-left: 10px; }

#greetingArea #nameArea p{ text-align: right; font-size: 110%; }

#greetingArea #messageArea{ float: left; width: 550px; margin-bottom: 20px; }

#greetingArea #photoArea{ float: right; width: 200px;/* padding: 5px; border: 1px solid #D8CFC8;*/ }

#greetingArea #nameArea{ float: left; width: 550px; }

/*-------------------------------------------------
	seasonArea
---------------------------------------------------*/

#seasonArea{ margin-bottom: 45px; padding: 15px; border-top: 1px solid #F5E9D8; border-bottom: 1px solid #F5E9D8; background: #FFF; text-align: center; }

#seasonTitle{ font-weight: bold; color: #543F31; }

#seasonArea #colorTxt{ color: #F60; }

/*-------------------------------------------------
	newsArea
---------------------------------------------------*/

#leadTxt{ font-size: 110%; line-height: 1.8; margin-bottom: 40px; }

#newsList{ width: 420px; float: left; display: inline; }

#newsList dt{ margin-bottom: 30px; }

#newsList th{ color: #906124; padding: 0 10px 5px 0; }

#newsList td{ width: 330px; padding: 0 0 5px 0; }

#newsList #cssNiteList{ padding: 10px 0 20px; }

#newsList #cssNiteList li{ float: left; padding-right: 5px; width: 160px; display: inline; }

#fbArea{ width: 350px; float: right; display: inline; }
#hsBnr{ width: 350px; float: right; display: inline; border 1px solid #aaa; margin-top: 30px;}


/*-------------------------------------------------
	menuArea
---------------------------------------------------*/

#menuArea dt{ margin-bottom: 20px; line-height: 1.0; }

#flowArea{ width: 425px; float: left; display: inline; }

#flowArea li{ text-indent: -18px; margin-left: 15px; line-height: 1.8; }

#nlpArea{ margin-top: 25px; }

#nlpArea .left{ width: 130px; }

#nlpArea .right{ width: 290px; padding-top: 10px; }

.nlp-left{
	position:relative;
	width:100%;
}

.nlp-right{
	position:absolute;
	top:0;
	left:400px;
}

.nlp-right ul{
	overflow:hidden;
	width:410px;
}

.nlp-right li{
	float:left!important;
	padding-left:5px;
}

#serviceArea{ float: right; display: inline; width: 311px; padding-right: 10px; }

/*-------------------------------------------------
	worksArea
---------------------------------------------------*/

#worksTxt{ width: 440px; float: left; display: inline; }

#bmallLink{ width: 311px; float: right; display: inline; padding-right: 10px; }

/*-------------------------------------------------
	companyArea
---------------------------------------------------*/

#companyInfo{ border: 1px dotted #966822; width: 380px; float: left; display: inline; }

#companyInfo th{ white-space: nowrap; }

#companyInfo .lastCell{ border-bottom: none; }

#companyInfo dt{ font-weight: bold; }

/*-------------------------------------------------
	 20140825up
---------------------------------------------------*/

#companyInfo ul.disc li  { margin-left: 1em;list-style-type: disc;  }

#companyInfo .sapporoDetail{ padding-bottom: 5px; }

#companyInfo .routeList{ margin-bottom: 10px; color: #FF0000; font-size: 80%; }

#accessArea, #bnrArea{ width: 310px; float: right; display: inline; padding-right: 10px; }

#accessArea .officeTitle{ font-weight: bold; margin-bottom: 10px; font-size: 110%; color: #666; }

#accessArea dt{ padding-bottom: 20px; }

#accessArea dl{ margin-bottom: 20px; }

#accessArea dl dt{ font-weight: bold; padding-bottom: 10px; margin-top: 20px; }

#accessArea dl dd{ padding-left: 10px; }

#challenge25bnr{ float: left display: inline; width: 378px; clear: left; text-align: right; padding-top: 20px; }

#bnrArea{ margin-top: 30px; }

#bnrArea p img{ margin-bottom: 10px; }

#bnrArea p{ font-size: 80%; }

#bnrArea li{ padding-top: 20px; text-align: center; }

/*-------------------------------------------------
	contactArea
---------------------------------------------------*/

#contactList li{ float: left; display: inline; }

#firstChild{ padding-left: 80px; }

#sndChild{ padding-left: 50px; }

/*==================================================

	footer CSS

===================================================*/

#footer{ background: url(../img/footer_bg.jpg) repeat-x center top; zoom: 1; margin-top: 60px; }

#footer a{ text-decoration: none; }

#footer a:hover{ text-decoration: underline; color: #F6AA00; }

#footerBnrArea{ width: 894px; margin: 0 auto 60px; }

#footerBnrArea p{ margin-bottom: 15px; text-align: center; }

#bnrList{ padding-left: 100px; width: 794px; }

#bnrList .leftedit80{ padding-left: 80px; }

#bnrList .leftedit100{ padding-left: 120px;clear:left; }

#footerBnrArea li{ float: left; display: inline; padding: 0 10px 10px 0; }

#footerBnrArea .lastChild{ padding-right: 0; }

#copyright{ text-align: center; padding-bottom: 90px; font-size: 80%; }

#copyright a{ color: #D67F2A; }

#copyright a:hover{ text-decoration: none; }

/*==================================================

	module CSS

===================================================*/

/* margin / padding control */


/* block control */

.alignleft{ text-align: left; }

.alignright{ text-align: right; }

.aligncenter{ text-align: center; }

/* text control */

.textBold,.textBold strong,.current{ font-weight: bold; }

.textTrans{ text-transform: uppercase; }

.indent{ text-indent: -1em; padding-left: 1em; }

#top .newsInner dt{ font-size: 90%; }

/* float control */

.left{ float: left; display: inline; }

.right{ float: right; display: inline; }

/* pageTop */

.pagetop{ text-align: right; margin-bottom: 40px; padding-top: 30px; clear: both; }

/* pageNavi */


/* googleMap */

#mapArea, #mapArea2, #mapArea3{ width: 310px; height: 310px; background: #CCC; margin: 0 auto; }

#mapArea2{ margin-bottom: 20px; }

#mapArea #content, #mapArea2 #content, #mapArea3 #content{ font-size: 81.25%; }

#mapArea #content p, #mapArea2 #content p, #mapArea3 #content p{ margin-bottom: 0; }

#mapArea div, #mapArea2 div, #mapArea3 div{ width: auto; height: auto; }

/* Table control  */

#mainContents .companyTable01{ border-width:1px 0pt 0pt 1px; border-collapse:separate; empty-cells: show; line-height:150%; border-spacing: 0; }

* html .companyTable01{ border-collapse: collapse; }

*:first-child+html .companyTable01{ border-collapse: collapse; }

.companyTable01 th{ padding:20px; border-width:0 0 1px 0; border-color:#966822; border-style:dotted; font-weight:bold; text-align:left; }

.companyTable01 td{ padding:20px; border-width:0 0 1px 0; border-color:#966822; border-style:dotted; font-weight:normal; text-align:left; }

.companyTable01 td ul,#mainContents .companyTable01 td ol{ margin-bottom: 0; }

/* List Control */

#mainContents .imgList li{ float: left; display: inline; padding-right: 20px; text-align: center; }

#mainContents .imgList .nopadding{ padding-right: 0px; }

#mainContents .imgList img{ display: block; }

#mainContents .lineList li{ border-bottom: 1px dotted #9ab9e8; padding-bottom: 2px; margin-bottom: 5px; }

#mainContents ol{ margin:0 10px 15px; line-height: 1.5; }

#mainContents ol li{ list-style-type: decimal; margin-left:25px; }

.listmark{ line-height: 1.5; }

.listmark li{ list-style-type: disc; margin-left:20px; }


/* Image control */

#mainContents .cont .imgRight{ float: right; display: inline; margin: 0 0 10px 15px; }

#mainContents .cont .imgLeft{ float: left; display: inline; margin: 0 15px 10px 0; }

#mainContents .cont .imgRight img,#mainContents .cont .imgLeft img,#mainContents .cont .imgBox img,#mainContents .cont .imgList img{ padding: 2px; border: 1px solid #CCC; }

#mainContents .cont .noborder img{ padding: 0; border: none; }


/*==================================================

	page CSS

===================================================*/

/*-------------------------------------------------
	window（20140814up）
---------------------------------------------------*/

#containerWin{ width: 600px; font-size: 90%; margin: 0 auto; }

#containerWin .winGallery{ zoom: 1; position: relative; width: 550px; height: 350px; margin: 0 auto 18px;}

#containerWin .winGallery img{ position: absolute; top: 0; left: 0; }

#containerWin .styleH3{ padding: 12px 15px 8px; background: url(../img/h3_bg.png) repeat-x left top #FFF; border: none; margin-bottom: 18px; font-weight: bold; color: #553f31; font-size: 105%; }

#containerWin .leadTxt{ margin: 0 0 18px 6px; }

#containerWin .addrList dt{ padding: 3px 0 6px 12px; border-left: 5px solid #84216C; border-bottom: 1px dotted #84216C; margin-bottom: 6px; font-weight: bold; }

#containerWin .addrList dd{ padding: 0 0 18px 12px; }

#containerWin .mb10{ margin-bottom: 18px; }

#cboxContent #cboxClose{ background: #eaeaea; padding: 2px; font-weight: bold; }

#containerWin span.bold{ font-weight: bold; }


/*==================================================

	clearFix

===================================================*/

/*-------------------------------------------------
	for class="clearFix"
---------------------------------------------------*/

.clearFix{ zoom: 1; }

.clearFix:after{  content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }

/*-------------------------------------------------
	base clearFix
---------------------------------------------------*/

#wrp,#contents,#header,#gNavList,#footer{ zoom: 1; }

#wrp:after,#contents:after,#header:after,#gNavList:after,#footer:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }

/*-------------------------------------------------
	parts clearFix
---------------------------------------------------*/

#globalNav ul,.contBox,#contactList,#newsArea,#greetingArea,#cssNiteList{ zoom: 1; }

#globalNav ul:after,.contBox:after,#contactList:after,#newsArea:after,#greetingArea:after,#cssNiteList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }



/*-------------------------------------------------
	 20160204up-oosawa
---------------------------------------------------*/


.box7 {
display: inline-block;
text-align: center;
}
 
/* ハックでIE6,7のみに適用 */
html*.box7 {
display: inline;
zoom: 1;
}

div#ind img {
   max-width: 800px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
}
div#ind img { width: 100%; }