@charset "UTF-8";

/*===============================================
●tablet.css 画面の横幅が740pxから999pxまで
===============================================*/
@media only screen and (min-width:740px) and (max-width:999px) {
/* ■ 共通スタイル指定 ■ 
-------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}

html {
height:100%; /* コンテンツ背景 最下到達用 */
}

body {
margin: 0;  
padding: 0;
font-size:75%;/*12px*/
font-family: 'Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.6em;
color:#232323;
height: 100%;
text-align:center;
}

/* mac Safariのみ適用 \*/
html:\66irst-child body{
margin: 0;  
padding: 0;
font-size:75%;/*12px*/
font-family: 'Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.6em;
color:#232323;
height: 100%;
text-align:center;
letter-spacing:-1.5px;
}
/* end */

/*均等文字幅設定*/
p{
text-align:justify;
text-justify:distribute;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

hr {
	clear:both; /* 回り込み解除予備 */
}

.divide{
	clear:both;
	height:1px;
}

.divide hr{
	display:none;
}

.clear{
	clear:both;
}

a:link{color:#4F6EB5; text-decoration:none;}
a:visited{color:#4F6EB5; text-decoration:none;}
a:hover{color:#063BB5; text-decoration:none;}
a:active{color:#063BB5; text-decoration:none;}


/*強調*/
em{
font-size:116%;
font-weight:bold;
padding:5px 5px 0 5px;
border-bottom:3px solid red;
font-style:normal;
}

/*より強調*/
strong{
font-weight:bold;
}

.red{
color:#FF0000;
}

p.hosoku{
font-size:84%;
padding-top:10px;
}

span.hosoku{
font-size:84%;
color:#666666;
}

.dn{
display:none;
}


/* ■ コンテンツ共通定義 ■ 
-------------------------------------------------- */
div#wrapper{
width:100%;
height: 100%;
min-height:100%;
height: auto !important;
margin-bottom:-111px;
}

	div#container{
	width:704px;
	margin:40px auto 0 auto;
	text-align:left;
	}
	
	ul#main-ban{
	width:720px;
	height:70px;
	margin-top:12px;
	list-style-type:none;
	clear:both;
	padding:0;
	}
	
		ul#main-ban li a{float:left; margin-right:8px; display:block; width:174px;  height:52px;}
		ul#main-ban li a img{width:174px; height:52px;}
		ul#main-ban li.end-mg a{margin-right:0;}
		ul#main-ban li a:hover{
		opacity:0.7;
		filter: alpha(opacity=70);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7;
		}
	
	article#primary{
	width:704px;
	}
	
		article#primary h1{
		margin-top:40px;
		margin-bottom:20px;
		background-repeat:no-repeat;
		display:block;
		}
		
		
	aside#secondary{
	width:704px;
	}

		ul#service-ban{
		width:704px;
		height:70px;
		margin-top:12px;
		list-style-type:none;
		clear:both;
		padding:0;
		}
	
			ul#service-ban li a{float:left; margin-right:8px; display:block; width:174px;  height:52px;}
			ul#service-ban li a img{width:174px; height:52px;}
			ul#service-ban li.end-mg a{margin-right:0;}
			ul#service-ban li a:hover{
			opacity:0.7;
			filter: alpha(opacity=70);        /* ie lt 8 */
			-ms-filter: "alpha(opacity=70)";  /* ie 8 */
			-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
			-khtml-opacity: 0.7;
			}
			
div#posh{
height:111px;
clear:both;
}	

/* ■ ヘッダー定義 ■ 
-------------------------------------------------- */
header{
position:relative;
width:100%;
height:180px;
background-color:#FFFFFF;
border-bottom:1px solid #E9E9E9;
}

	header div#logo{
	position:absolute;
	top:20px;
	left:50%;
	width:163px;
	height:50px;
	margin-left:-81px;	
	}
	
	header div#logo strong{display:none;}
	header div#sm-logo{display:none;}
	
	nav.gNav{
	position:absolute;
	bottom:0;
	right:0;
	width:715px;
	height:90px;
	}
	
		nav.gNav ul{
		width:715px;
		height:90px;
		list-style-type:none;
		clear:both;
		padding:0;
		}

		nav.gNav ul li{float:left;}
	
		nav.gNav li a{
		background-repeat:no-repeat;
		display:block;
		height:90px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		text-decoration:none;
		outline:0;
		}
		
		nav.gNav li a:hover{
		opacity:0.7;
		filter: alpha(opacity=70);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7;
		background: #fff;
		}
		
			li#gn01 a{background-image:url(/japan/images/common/gn01.gif); width:216px;}
			li#gn02 a{background-image:url(/japan/images/common/gn02.gif); width:95px;}
			/*li#gn03 a{background-image:url(/japan/images/common/gn03.gif); width:94px;}*/
			li#gn04 a{background-image:url(/japan/images/common/gn04.gif); width:94px;}
			/*li#gn05 a{background-image:url(/japan/images/common/gn05.gif); width:71px;}*/
			li#gn06 a{background-image:url(/japan/images/common/gn06.gif); width:120px;}
			li#gn07 a{background-image:url(/japan/images/common/gn07.gif); width:95px;}
			li#gn08 a{background-image:url(/japan/images/common/gn08.gif); width:95px;}
			
	nav.sm-gNav{display:none;}



/* ■ フッター定義 ■ 
-------------------------------------------------- */
footer{
width:100%;
border-top:1px solid #E9E9E9;
height:70px;
background-color:#FFFFFF;
margin-top:100px;
}

	div#footer-area{width:100%; height:70px; margin:0 auto;}

	footer small{
	width:100%;
	line-height:70px;
	font-size:84%;
	font-family: "Arial", "Helvetica", sans-serif;
	}




/* ■ トップページ定義 ■ 
-------------------------------------------------- */
body#top-bg{
background-position:center center;
background-image:url(/japan/images/top/top_main_bg.gif);
background-color:#D92D2B;
background-repeat:no-repeat;
background-size: 704px;
}

body#other-bg{
background-position:top center;
background-image:url(/japan/images/common/other_bg.gif);
background-repeat:no-repeat;
}

/* ■ エンドッツについて ■ 
-------------------------------------------------- */
h1#about-h1tit01{
width:199px;
height:66px;
background-image:url(/japan/images/about/about_h1tit01.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:100px;
}

	p#about01-img01{text-align:center; margin-bottom:100px;}
	p#about01-img02{text-align:center; margin-bottom:50px;}
	
h2#about-h2tit01{
width:156px;
height:47px;
background-image:url(/japan/images/about/about_h2tit01.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:20px;
}


h1#about-h1tit02{
width:286px;
height:125px;
background-image:url(/japan/images/about/about_h1tit02.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

h1#about-h1tit03{
width:243px;
height:125px;
background-image:url(/japan/images/about/about_h1tit03.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

table#profile-tbl01{
border-top:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
width:100%;
margin-top:20px;
}

	table#profile-tbl01 th{
	font-weight:bold;
	background-color:#EEEEEE;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:10px;
	width:120px;
	}
	
	table#profile-tbl01 td{
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:10px;
	}
	
#about-subnav    {
	width:704px;
	height:43px;
	margin-bottom:50px;
}
 
#about-subnav li {
	width:154px;
	height:43px;
	margin-right:10px;
	float:left;
}
 
#about-subnav li a {
	background-repeat:no-repeat;
    display:block;
	height:43px;
    width:154px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    text-decoration:none;
    outline:0;
}

#about-subnav li#about01 a{background-image:url(/japan/images/about/about01.png);}
#about-subnav li#about02 a{background-image:url(/japan/images/about/about02.png);}
#about-subnav li#about03 a{background-image:url(/japan/images/about/about03.png);}
 
#about-subnav li#about01 a:hover{background-image:url(/japan/images/about/about01_on.png);}
#about-subnav li#about02 a:hover{background-image:url(/japan/images/about/about02_on.png);}
#about-subnav li#about03 a:hover{background-image:url(/japan/images/about/about03_on.png);}

#about-subnav li#about01 a.active{background-image:url(/japan/images/about/about01_on.png);}
#about-subnav li#about02 a.active{background-image:url(/japan/images/about/about02_on.png);}
#about-subnav li#about03 a.active{background-image:url(/japan/images/about/about03_on.png);}
	
/* ■ 制作実績 ■ 
-------------------------------------------------- */
h1#works-tit01{
width:157px;
height:67px;
background-image:url(/japan/images/works/works_h1tit01.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

section.work-list{
float:left;
width:176px;
height:132px;
}

section.work-list a{
display:block;
width:176px;
height:132px;
}

section.work-list a:hover{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;
background: #fff;
}

dl.works-section{
margin-top:20px;
}

	dl.works-section dt{
	font-weight:bold;
	background-color:#EEEEEE;
	padding:10px;
	}
	
	dl.works-section dd{
	margin-top:5px;
	margin-bottom:20px;
	}
	
	dl.works-section dd input{
	padding:5px;
	width:300px;
	}
	
	dl.works-section dd textarea{
	padding:5px;
	width:80%;
	}
	
	input.submit{
	padding:10px 20px 10px 20px;
	}
	
	section#work-detail{
	width:704px;
	}

	section#work-detail h2{
	font-size:150%;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #E9E9E9;
	}

	dl.wl-section{
	float:left;
	margin-top:10px;
	width:360px;
	}
	
		dl.wl-section dt.wicon{
		float: left;
		width:78px;
		clear:both;
		}
			
			dl.wl-section dt.wicon img{
			margin-bottom:5px;
			}
			
		dl.wl-section dd.wbody{
    	width: 280px;
		font-size: 84%;
		margin-left:80px;
		}
			
		dl.wl-section dt.wicon02{
		clear:both;
		padding-bottom:5px;
		}
			
		dl.wl-section dd.wbody02{
    	width:360px;
		font-size: 84%;
		margin:0;
		}
	
	div.wr-section{
	float:right;
	margin-top:10px;
	width:320px;
	height:240px;
	}
	
/* ■ サービス ■ 
-------------------------------------------------- */
h1#service-h1tit01{
width:183px;
height:67px;
background-image:url(/japan/images/service/service_h1tit.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}


/* ■ お知らせ ■ 
-------------------------------------------------- */
h1#news-tit01{
width:227px;
height:66px;
background-image:url(/japan/images/news/news_h1tit01.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:20px;
}

ul#news-list{
}

ul#news-list li{
padding: 10px 0px;
border-bottom: 1px dotted #E9E9E9;
margin: 0px;
overflow: hidden;
}

ul#news-list li span.news-date{
float: left;
width: 90px;
line-height:23px;
/*padding-right: 6px;*/
}

ul#news-list li span.news-icon{
float: left;
padding-right: 10px;
display: block;
text-align: center;
line-height: 1;
}

ul#news-list li div.news-title{
float: left;
width: 550px;
margin: 0px;
}

ul#news-list li div.news-title p.news-link{
line-height:23px;
}

h1#entry-tit{
border-left:5px solid #D92D2B;
padding: 10px 0px 10px 20px;
font-size: 24px;
}

h1#entry-tit span.news-icon02{
display:block;
margin-bottom:10px;
}

p.entry-date{
text-align:right;
border-bottom: 1px dotted #E9E9E9;
margin-bottom:50px;
}

/* ■ お問い合わせ ■ 
-------------------------------------------------- */
h1#contact-tit01{
width:188px;
height:67px;
background-image:url(/japan/images/contact/contact_h1tit01.png);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

dl.contact-section{
margin-top:20px;
}

	dl.contact-section dt{
	font-weight:bold;
	background-color:#EEEEEE;
	padding:10px;
	}
	
	dl.contact-section dd{
	margin-top:5px;
	margin-bottom:20px;
	}
	
	dl.contact-section dd input{padding:5px;}
		dl.contact-section dd input#name{width:300px;}
		dl.contact-section dd input#company{width:300px;}
		dl.contact-section dd input#email{width:300px;}
		dl.contact-section dd textarea{width:80%;}
	
	dl.contact-section dd textarea{
	padding:5px;
	}
	
/* ■ サービス ■（追加）
-------------------------------------------------- */
section.service-list{
margin-top:50px;
}
section.service-list h2{
font-size:150%;
font-weight:600;
font-family: 'Noto Sans Japanese', sans-serif;
border-left:5px solid #D92D2B;
border-bottom:1px solid #DDDDDD;
padding:10px 0 10px 10px;
margin-bottom:20px;
}

div.os-list{
width:704px;
margin-top:20px;
display:table;
}
div.os-img{width:200px; display:table-cell;}
dl.os-read{width:484px; display:table-cell; padding-left:20px; vertical-align:top;}
dl.os-read dt{
font-size:116%;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight:600;
}

ul.manage-site{margin-left:14px; width:690px; margin-top:20px;}
ul.manage-site li{float:left; margin-right:14px; width:216px;}
span.ms-tit{margin-top:5px; font-weight:bold; display:block;}


}