/*10px＝77%
/*11px＝85%
/*12px＝93%
/*13px＝100%
/*14px＝108%
/*15px＝116%
/*16px＝124%
/*17px＝131%
/*18px＝139%
/*19px＝147%
/*20px＝154%
/*21px＝162%
/*22px＝170%
/*23px＝177%
/*24px＝185%
/*25px＝193%

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


/* ---------------------------------------------------------------- */
/* 共通 */
/* ---------------------------------------------------------------- */

div.PankuzuBox{ margin-bottom:10px;}
div.PankuzuBox li{
	float:left;
	padding-left:20px;
	background:url(../images/arrow02.gif) no-repeat 8px center;
}

div.PankuzuBox li.home{ padding-left:0px; background:none;}
div.PankuzuBox li.home img{ vertical-align:bottom; padding-bottom:4px;}

div#LeftContent{
	float:left;
	width:710px;
	}
	
div#RightContent{
	float:right;
	width:200px;
}

	
/* タイトル */
	
div#LeftContent .PageTtl{
	width:100%;
	padding:25px 0px;
	border-top:1px solid #707070;
	border-bottom:1px dotted #707070;
	margin-bottom:35px;
	}
	
div#RightContent .LocalTtl{
	background:url(../images/bg01.gif);
	padding:10px;
}

div.ContentDetailBox h2.PageDetailTtl{
	font-size:1.4em !important;
	font-family: "Lucida Grande", "Verdana", "Hiragino Kaku Gothic Pro W3", Sans-Serif;
	margin-bottom:30px;
	letter-spacing: 1px;
	font-weight: 400;
	margin-top:20px;
	color:#666666;
	border-bottom:none;
	padding-bottom:0px;
}

div#LeftContent .PageDetailTtl{
	font-size:1.4em !important;
	font-family: "Lucida Grande", "Verdana", "Hiragino Kaku Gothic Pro W3", Sans-Serif;
	margin-bottom:30px;
	letter-spacing: 1px;
	font-weight: 400;
	margin-top:20px;
	color:#666666;
}

div#LeftContent table.TableStyle01{ margin-bottom:25px;}
div#LeftContent table.TableStyle01 th,
div#LeftContent table.TableStyle01 td{
	padding:0px 40px 8px 0px;
	vertical-align:top;
	}

/* ローカルメニュー */

div#RightContent ul.LocalNave li{
	padding:0px 20px;
	margin-top:10px;
	background:url(../images/arrow02.gif) no-repeat 5px 5px;
}

div#RightContent ul.LocalNave li a{ text-decoration:none; color:#666666;}
div#RightContent ul.LocalNave li a:hover{ color:#0080cc;}

div#RightContent ul.LocalNave li.LocalNoLink{ color:#CCC;}

a.current{ color:#0080cc; text-decoration:none;}
	
/* ---------------------------------------------------------------- */
/* ブログ */
/* ---------------------------------------------------------------- */

div.BlogBox{
	border-bottom:1px dotted #CCCCCC;
	padding:0px 0px 30px;
	margin-bottom:30px;
	}
	
div.BlogBox div.Inner{
	float:right;
	width:505px;
	}
	
div.BlogBox div.Inner p.Day{
	font-family: georgia,'times new roman',serif;
	font-size:116%;
	}
	
div.BlogBox div.Inner p.Day span{
	font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	font-size:12px;
	margin-left:10px;
	background-color:#666666;
	color:#ffffff;
	padding:2px 7px;
	}
	
div.BlogBox div.Inner h3{
	font-size:131%;
	margin:10px 0px;
	}
	
div.BlogBox div.Inner h3 a{ text-decoration:none;}
div.BlogBox div.Inner h3 a:hover{ text-decoration:underline;}

ul.Paging{ margin-top:30px;}
ul.Paging li{
	float:left;
	margin-right:5px;
	}
	
ul.Paging li a{
	display:block;
	padding:3px 7px;
	border:1px solid #cccccc;
	text-decoration:none;
	color:#333;
	}
	
ul.Paging li a:hover{
	background-color:#666666;
	color:#FFF;
	}
	
/* 詳細ページ */
	
div.BlogTitleBox{
	border-bottom:1px solid #e0e0e0;
	padding:0px 0px 25px;
	margin-bottom:34px;
	}
	
div.BlogTitleBox p.Day{
	font-family: georgia,'times new roman',serif;
	font-size:116%;
	}
	
div.BlogTitleBox p.Day span{
	font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	font-size:12px;
	margin-left:10px;
	background-color:#666666;
	color:#ffffff;
	padding:2px 7px;
	}
	
div.BlogTitleBox h3{
	font-size:154%;
	margin:12px 0px 17px;
	}
	
div.BlogDetailBox{
	width:710px;
	line-height:180%;
	margin-bottom:30px;
	word-break:break-all;
	}
	
div.ContentDetailBox{
	font-size:0.90em;
	width:710px;
	line-height:180%;
	margin-bottom:30px;
	word-break:break-all;
	}
	
div.BlogDetailBox img,
div.ContentDetailBox img{
  max-width: 710px !important;
  height: auto !important;
  width: expression(this.width > 710 ? 710: true); /*for ie6*/
}	

div.BlogDetailBox h1{ font-size:1.1em !important; margin-bottom:25px; margin-top:15px; background:#f5f5f5; padding:12px; border-left:1px solid #CCC;}
div.BlogDetailBox h2{ font-size:1.2em !important; margin-bottom:15px; margin-top:15px; border-bottom:1px dotted #999999; padding-bottom:10px;}
div.BlogDetailBox h3{ font-size:1.2em !important; margin-bottom:15px; margin-top:15px; color:#1f4d74;}
div.BlogDetailBox h4{ font-size:1.1em !important; margin-bottom:10px; margin-top:5px;}
div.BlogDetailBox p{ margin-bottom:10px;clear: both;}
div.BlogDetailBox ul li{ list-style-type: disc}
div.BlogDetailBox ol li{ list-style-type: decimal}
div.BlogDetailBox div{ margin-bottom:5px;}
div.BlogDetailBox blockquote{ border:1px solid #e9e9e9; padding:10px; color:#666666; background-color:#e9e9e9; margin-bottom:20px;}

div.ContentDetailBox h1{ font-size:1.1em !important; margin-bottom:25px; margin-top:15px; background:#f5f5f5; padding:12px; border-left:1px solid #CCC;}
div.ContentDetailBox h2{ font-size:1.2em !important; margin-bottom:15px; margin-top:15px; border-bottom:1px dotted #999999; padding-bottom:10px;}
div.ContentDetailBox h3{ font-size:1.2em !important; margin-bottom:15px; margin-top:15px; color:#1f4d74;}
div.ContentDetailBox h4{ font-size:1.2em !important; margin-bottom:10px; margin-top:5px;}
div.ContentDetailBox p{ margin-bottom:10px;clear: both;}
div.ContentDetailBox ul li{ list-style-type: disc;margin-left:25px;list-style:outside;}
div.ContentDetailBox ol li{ list-style-type: decimal}
div.ContentDetailBox div{ margin-bottom:10px;}
div.ContentDetailBox blockquote{ border:1px solid #e9e9e9; padding:10px; color:#666666; background-color:#e9e9e9; margin-bottom:20px;}

div.BlogDetailBox blockquote h1,
div.BlogDetailBox blockquote h2,
div.BlogDetailBox blockquote h3,
div.BlogDetailBox blockquote h4,
div.BlogDetailBox blockquote p,
div.ContentDetailBox blockquote h1,
div.ContentDetailBox blockquote h2,
div.ContentDetailBox blockquote h3,
div.ContentDetailBox blockquote h4,
div.ContentDetailBox blockquote p{ margin-bottom:2px; margin-top:2px;}


/* ---------------------------------------------------------------- */
/* お知らせ */
/* ---------------------------------------------------------------- */

table.NewsList{
	width:100%;
	}
	
table.NewsList td,
table.NewsList th{
	padding-bottom:10px;
	vertical-align:top;
	}

table.NewsList th{
	width:90px;
	}
	
table.NewsList td{
	background:url(../images/arrow01.gif) no-repeat left 7px;
	padding-left:15px;
	}


/* ---------------------------------------------------------------- */
/* お問い合わせ */
/* ---------------------------------------------------------------- */

table.mailform{
	width:100%;
	margin-top:30px;
	border-top:1px solid #ccc;
	}
	
table.mailform th,
table.mailform td{
	border-bottom:1px solid #ccc;
	padding:15px;
	}

table.mailform th{
	background:url(../images/bg01.gif);
	}
	
table.mailform th span{ color:#FF0000; margin-left:5px;}

table.mailform td input.mf,
table.mailform td textarea.mf{ border:none; background-color:#e9e9e9; padding:4px;}

div.FormBtn{
	width:200px;
	margin:20px auto 0px;
	}
	
/* ---------------------------------------------------------------- */
/* 制作実績 */
/* ---------------------------------------------------------------- */

div.WorksList{
	width:710px;
	margin-bottom:30px;
	overflow: hidden;
	}
	
div.WorksList div{
	width:710px;
	height:150px;
	overflow: hidden;
	text-align: left;
	}
	
div.WorksList h3{ margin-bottom:10px;}
div.WorksList h3 span{ margin-left:10px; color:#0080cc;}
	
div.WorksList a{ display:block; width:1000px;}
div.WorksList a img{float:left;margin-right:2px;height:150px;}
div.WorksList a:hover img{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

div.WorksBox h3{ font-size:116%; margin-bottom:30px; color:#333;}

div.WorksBox div.Snsbtn{ border-top:1px dotted #CCCCCC; padding:15px 0px;}
div.WorksBox div.Snsbtn li{ float:left; margin-right:5px; list-style:none;}
div.WorksBox div.Snsbtn li.Facebook01{}
div.WorksBox div.Snsbtn li.Google01{ width:65px;}
div.WorksBox div.Snsbtn li.Twitter01{ width:100px;}

div.WorksBox div.WorksImgBox{ width:710px; overflow:hidden; padding-bottom:30px; border-top:1px dotted #CCCCCC; padding-top:35px;}
div.WorksBox div.WorksImgBox ul{ margin-right:-2px; width:712px;}
div.WorksBox div.WorksImgBox ul li{ float:left; display:block; margin:0px 2px 2px 0px; width:75px; height:75px; overflow:hidden; }
div.WorksBox div.WorksImgBox ul li img{  cursor:pointer;}
div.WorksBox div.WorksImgBox p{ display:block; width:710px; height:550px; overflow:hidden; text-align:left;}
div.WorksBox div.WorksImgBox p img#MainPhoto{ max-height:580px; max-width:710px; }

div.WorksBox div.TagLinkList{border-top:1px dotted #CCCCCC;padding:15px 0px;}
div.WorksBox div.TagLinkList ul li{ background:url(../images/arrow01.gif) no-repeat left center; padding-left:17px; list-style:none;}

/* ---------------------------------------------------------------- */
/* サイトマップ */
/* ---------------------------------------------------------------- */

div.SiteMapBox h3{ padding-bottom:10px;}
div.SiteMapBox ul{ padding-bottom:15px;}
div.SiteMapBox ul li{ padding-bottom:3px; list-style-type: disc !important;margin-left:25px;list-style:outside;}


@media screen and (max-device-width: 576px){
	div#LeftContent {
		width: 960px;
	}
	div.ContentDetailBox {
		width: 960px;
	}
	div.BlogDetailBox {
		width: 960px;
	}
	div#RightContent {
		display: none;
	}
	div.BlogBox img {
		width: 300px;
		vertical-align: middle;
	}
	div.BlogBox div.Inner {
		width: 650px;
	}
	div.WorksList {
		width: 960px;
	}
	div.WorksList div {
		width: 960px;
	}
	div#LeftContent table.TableStyle01 td{
		font-size:1em;
	}
	div#LeftContent table.TableStyle01 th{
		font-size:0.8em;
		width:210px;
	}
	img.flt-L.marR30 {
		float: none !important;
		width: 442px;
		height: 480px;
	}
	div.Snsbtn {
		line-height:0;
		font-size:0;
	}
}