@media screen and (max-width:479px){
#flipbanner{
	display:none;
}


html {
	background:#FFF;
}

body {
	width:100%;
	min-width:320px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size:14px;
	color:#555;
	line-height:150%;
	background:url(/images/smart_bg.jpg) no-repeat center top;
}

#container {
	width:100%;
	min-width:320px;
	margin:0;
}

header {
	height:108px;
	width:100%;
	line-height:100%;
	display:relative;
	zoom:1
}

nav {
	position:relative;
	clear:both;
	height:67px;
	background:#333;
	padding:5px 0;
	min-width:320px;
	text-align:center;
	margin:5px 0 1px;
}

#lead {
	height:107px;
	width:100%;
	text-align:center
}

#content {
	width:300PX;
	margin:0 auto;
	padding:15px 10px
}
#works #content {
	width:310PX;
	margin:0 auto;
	padding:15px 5px
}

#main {
	float:none;
	width:auto;
	font-size:12px;
}

aside {
	float:none;
	/*width:275px;*/
	margin:0 auto;
	padding:0;
	font-size:12px;
	display:inline
}

footer {
	position:absolute;
	clear:both;
	left:0;
	width:100%;
	padding-top:6px;
	background:#ebebeb url(/images/footer_bgptn.jpg) repeat-x top;
	min-width:320px;
}

#footer-wrapper {
	width:100%;
	margin:0 auto;
	padding:0
}

#footer-content {
	border:1px solid #424648;
	height:auto!important;
	background:#6e6e6e url(/images/footer_bgptn2.jpg) repeat-x scroll center top
}

#footer-content section {
	float:left;
	border-right:none;
	display:inline;
	margin:16px 0;
	padding:0 16px
}

#footer-bottom {
	clear:both;
	height:14px;
	border:1px #262d30 solid;
	line-height:100%;
	background:url(/images/footer_bg.jpg) repeat-x;
	padding:12px 0 8px
}

header h1 {
	position:absolute;
	left:10px;
	margin-right:10px;
	top:10px;
	font-size:12px;
	line-height:140%;
	color:#333;
	font-weight:400;
	display:block
}

header ul#topnavi {
	display:none;
}

header img#logo {
	margin:68px 0 0 10px;
	width:120px;
}

header h2 {
	position:absolute;
	top:53px;
	right:8px;
	height:52px;
	width:160px;
	text-indent:-3000px;
	background:url(/images/number@2x.png) no-repeat;
	-webkit-background-size: 160px 52px;
}

#footer-content section h3 {
	border-bottom:1px solid #373637;
	text-indent:0;
	color:#fff;
	font-size:15px;
	padding-bottom:3px;
}

#footer-content p {
	font-size:13px;
	color:#ccc
}

#footer-content section ul li a {
	font-size:13px;
	color:#ccc;
	background:url(/images/whitearrow.gif) no-repeat scroll left 6px transparent;
	padding:3px 0 3px 10px;
	line-height:11px;
}

#footer-content section ul li a:hover {
	padding-left:15px;
	font-weight:700;
	color:#fff;
	background-position:6px 4px
}

#footer-content .content {
	border-top:1px solid #999;
	padding:10px 5px
}

#footer-content #servicelist {
	height:auto;
	width:90%
}

#footer-content #servicelist h3 {
	background-image:url(none)
}

#footer-content #fwork {
	height:auto;
	width:90%
}

#footer-content #fwork h3 {
	background-image:url(none)
}

#footer-content #fwork h4 {
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:13px;
	font-weight:700;
	color:#fff
}

#footer-content #fwork a.thumb {
	display:block;
	position:relative;
	height:150px;
	width:104px;
	margin-right:10px;
	overflow:hidden;
	background-position:0 0;
}
#footer-content #fwork img {
	display:none;
}

#footer-content #fwork p {
	margin-bottom:15px;
	font-size:13px
}

#footer-content #fwork p a {
	color:#ccc;
	background:url(/images/whitearrow.gif) no-repeat scroll 1px 3px;
	padding:0 0 0 10px;
	line-height:13px
}

#footer-content #fwork p a:hover {
	font-weight:700;
	color:#fff;
	background-position:6px 3px;
	padding-left:15px
}

#footer-content #question {
	height:auto;
	width:90%
}

#footer-content #question h3 {
	background-image:url(none)
}

#footer-content #connect {
	height:auto;
	width:90%;
	border-right:none
}

#footer-content #connect ul li a {
	font-size:13px
}

#footer-content #connect h3 {
	background-image:url(none)
}

#footernav {
	display:none;
}


footer address {
	float:left;
	margin-left:10px;
	font-size:10px;
	color:#999
}

footer address a {
	color:#fff
}

nav ul{
	width:320px;
	margin:0 auto;
}


nav li {
	position:relative;
	height:31px;
	width:100px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(/images/nav_bg@2x.png);
	-webkit-background-size: 950px 135px;
	-moz-background-size: 950px 135px;
	background-repeat:no-repeat;
	margin:0 0 5px 5px;
	padding:0;
	display:table-cell;
	text-align:center;
	line-height:0;
}

nav li a {
	float:left;
	height:31px;
	width:100px;
	overflow:hidden;
	background-image:url(/images/nav_bg@2x.png);
	-webkit-background-size: 950px 135px;
	-moz-background-size: 950px 135px;
	background-repeat:no-repeat
}

nav li span {
	position:absolute;
	float:left;
	left:0;
	top:0;
	height:0;
	width:150px;
	overflow:hidden;
	background-image:url(/images/nav_bg@2x.png);
	-webkit-background-size: 950px 135px;
	-moz-background-size: 950px 135px;
	background-repeat:no-repeat
}
nav li.mbtn1 {
	margin-left:5px;
	background-position:-25px -7px
}

nav li.mbtn1 a {

	background-position:-25px -7px
}

nav li.mbtn1 span {

	background-position:-25px -53px
}

nav li.mbtn1up {
	margin-left:5px;
	background-position:-25px -97px
}

nav li.mbtn2 a {
	background-position:-184px -7px
}

nav li.mbtn2 span {
	background-position:-184px -53px
}

nav li.mbtn2up {
	background-position:-184px -97px
}

nav li.mbtn3 a {
	background-position:-343px -7px
}

nav li.mbtn3 span {
	background-position:-343px -53px
}

nav li.mbtn3up {
	background-position:-343px -97px
}

nav li.mbtn4 a {
	background-position:-503px -7px
}

nav li.mbtn4 span {
	background-position:-503px -53px
}

nav li.mbtn4up {
	background-position:-503px -97px
}

nav li.mbtn5 a {
	background-position:-663px -7px
}

nav li.mbtn5 span {
	background-position:-663px -53px
}

nav li.mbtn5up {
	background-position:-663px -97px
}

nav li.mbtn6 a {
	background-position:-825px -7px
}

nav li.mbtn6 span {
	background-position:-825px -53px
}

nav li.mbtn6up {
	background-position:-825px -97px
}

#service #lead {
	background:url(/images/service.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:70px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto;
}
#service #lead section{
	text-align:left;
	line-height:160%;
}

#service #lead h2{
	display:block;
	font-size:12px;
	text-align:left;
	margin:0 5px;
	width:296px
}


#contact #lead {
	background:url(/images/contact.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:200px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto;
	text-align:center
}
#recruit #lead {
	background:url(/images/recruit.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:80px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto;
	text-align:center
}

#works #lead {
	background:url(/images/works.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:80px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto;
}

#works #lead #submenu{
	margin:10px 10px
}

#works #lead #submenu li{
	line-height:100%;
	float:left;
	background-color:#fff;
	margin-bottom:5px;
}

#works #lead #submenu li a{
	color:#333;
	background:url(/works/images/whitearrow2.gif) no-repeat 4px 6px;
	vertical-align:middle;
	display:block;
	padding:5px 5px 5px 16px
}
#works #lead #submenu li a:hover{
	color:#fff;
	background:url(/works/images/whitearrow.gif) no-repeat 4px 6px
}

#service.products #lead {
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:80px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto 60px auto;
}

#service.products #lead #submenu{
	margin:10px 10px
}

#service.products #lead #submenu li{
	line-height:100%;
	float:left;
	background-color:#fff;
	margin-bottom:5px;
}

#service.products #lead #submenu li a{
	color:#333;
	background:url(/works/images/whitearrow2.gif) no-repeat 4px 6px;
	vertical-align:middle;
	display:block;
	padding:5px 5px 5px 16px
}
#service.products #lead #submenu li a:hover{
	color:#fff;
	background:url(/works/images/whitearrow.gif) no-repeat 4px 6px
}

#price #lead {
	background:url(/images/price.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:30px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto;
}

#profile #lead {
	background:url(/images/company.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:50px;
	width:317px;
	padding: 120px 0 0 0;
	margin: 0 auto;
}
#reason #lead,#ally #lead,#partner #lead,#photoplan #lead,#network #lead,#sitemap #lead,#voc #lead,#faq #lead,#privacy #lead,#qa #lead,#nf #lead{
	background:url(/images/feature.gif) no-repeat;
	-webkit-background-size: 317px 109px;
	-moz-background-size: 317px 109px;
	height:109px;
	width:317px;
	padding: 0;
	margin: 0 auto;
}

#reason #lead h2, #ally #lead h2, #partner #lead h2, #photoplan #lead h2, #network #lead h2,#qa #lead h2,#sitemap #lead h2,#voc #lead h2,#privacy #lead h2,#nf #lead h2 {
	display:block;
	background:none;
	font-size:19px;
	padding:40px 10px;
	line-height:160%;
	text-indent:0; 
	color:#FFF;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}


#sitemap #lead {
	background:url(/images/sitemap.gif) no-repeat;
	-webkit-background-size: 317px 109px;
}

#voc #lead {
	background:url(/images/voc.gif) no-repeat;
	-webkit-background-size: 317px 109px;
}
#privacy #lead {
	background:url(/images/privacy.gif) no-repeat;
	-webkit-background-size: 317px 109px;
}
#qa #lead {
	background:url(/images/qa.gif) no-repeat;
	-webkit-background-size: 317px 109px;
}
#nf #lead {
	background:url(/images/404.jpg) no-repeat;
	-webkit-background-size: 317px 109px;
}





#lead section h2 {
	font-size:11px;
	display:inline;
	color:#fff;
	background-color:#1d1d1d;
	padding:4px 6px
}
#lead section h3 {
	font-size:11px;
	display:block;
	color:#444;
	font-weight:normal;
	padding:6px 30px
}

#profile #lead h2 {
	display:block;
	color:#fff;
	background:#000
}

#contact #lead section h2,#service #lead section h2,#profile #lead section h2,#recruit #lead section h2 {
	display:block;
	color:#fff;
	background:#000;
	font-size:12px;
	width:284px;
	text-align:left;
	margin:0 auto;
	padding:4px 8px
}
#profile #lead section h2{
	font-size:11px;
}
#contact #lead section ul  {
	text-align:left
}


#contact #lead section ul li {
	font-size:11px;
	line-height:150%;
	color:#575757;
	padding:3px 6px
}

#contact #lead section ul li a {
	color:#222
}

#contact #lead section ul li a:hover {
	color:#000;
	text-decoration:underline
}

#main section.box {
	width:auto;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #999;
	height:auto;

}



#main section h2 {
	text-indent:-5000px
}

#main section#info h2 {
	border-left:7px solid #606060;
	border-bottom:1px solid #606060;
	margin-top:5px;
	padding: 4px 0 4px 15px;
	background:url(/images/title_info@2x.png) no-repeat 5px 4px;
	-webkit-background-size: 360px 21px
}
#main section#info h3 {
	font-size:13px;
	padding-left:5px;
	line-height:130%;
	font-weight:normal
}


#main section#archive h2 {
	background:url(/images/title_archive@2x.png) no-repeat 5px 4px;
	-webkit-background-size: 360px 21px;
	border-left:7px solid #606060;
	border-bottom:1px solid #606060;
	margin-top:5px;
	padding: 4px 0 4px 15px;
}

#main section#customer h2 {
	background:url(/images/title_custom@2x.png) no-repeat 5px 4px;
	-webkit-background-size: 360px 21px;
	border-left:7px solid #606060;
	border-bottom:1px solid #606060;
	margin-top:5px;
	padding: 4px 0 4px 15px;
}

#main section#archive h3,#main section#customer h3 {
	font-size:12px;
	font-weight:normal
}

#main section p {
	margin-bottom:10px
}

#main section p.small_txt {
	font-size:10px;
	line-height:120%;
	margin-bottom:20px
}

#main section.nobox ul.disc {
	margin-bottom:10px;
	list-style:inside disc;
	color:#000;
	font-weight:700;
	line-height:200%
}

#main section.nobox {
	padding:0 5px
}

#main section.mainlinebox {
	width:100%;
	border:1px solid #b8b6b6;
	outline:3px solid #e6e6e6;
	background-color:#fff;
	overflow:hidden;
	font-size:11px;
	margin:0 3px 5px;
	padding:10px
}

#main .linebox {
	width:99%;
	border:3px solid #e0dfdf;
	overflow:hidden;
	font-size:11px;
	background-color:#fff;
	margin-bottom:15px
}

#main .linebox .innerbox {
	border:1px solid #bab7b7;
	padding:10px
}
#main .linebox .innerbox dl {
	margin:0 5px;
}
#main .linebox .innerbox dt {
	margin:10px 10px 5px 0px;
	text-align:left;
	padding:0;
	width:auto;
}
#main .linebox .innerbox dd {
	margin:0 0 15px;
	padding:0
}
#main .linebox .innerbox dd.nomargin {
	margin:10px 0;
	padding:0
}

#main section.box ul {
	margin-top:5px
}

#main section.box ul li {
	border-bottom:#cacaca 1px dotted;
	display:block;
	padding:5px 0
}

#main section.box ul li:last-child {
	border-bottom:none
}

#main section.box ul li a {
	color:#333;
	text-decoration:none;
	background:url(../images/blackarrow.gif) no-repeat scroll 5px 14px transparent;
	display:block;
	padding:10px 5px 10px 18px;
	font-size:13px;
	line-height:130%
}

#main section.box ul li time {
	padding-right:10px
}

#main section.box ul li a:hover {
	color:#fff;
	background-color:#333;
	background-image:url(../images/whitearrow.gif);
	border-radius:4px;
}

#main section.box ul li h3 {
    max-height: none;
}

#main section#archive ul li a {
    max-width:260px;
    white-space:pre-wrap;
}

#main section.contactbtn {
	display:none;
}
#service #main section.callingbtn,#works #main section.callingbtn,#contact #main section.callingbtn,#photoplan #main section.callingbtn {
	display:block;
	background:#000;
	font-size:14px;
	color:#FFF;
	margin:10px 0 20px;
	margin-bottom:20px;
	text-align:center;
	padding:10px 5px;;
}
#main section.callingbtn a{
	font-size:16px;
	color:#FFF;
}
#main section.callingbtn a span{
	font-size:14px;
	color:#CCC;
}




#service #main section#corporate h2 {
	background:url(/service/images/title_corporate@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#branding h2 {
	background:url(/service/images/title_branding@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#campaign h2 {
	background:url(/service/images/title_campaign@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#banner h2 {
	background:url(/service/images/title_banner@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#mobile h2 {
	background:url(/service/images/title_mobile@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#printing h2 {
	background:url(/service/images/title_printing@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#photo h2 {
	background:url(/service/images/title_photo@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section#screensaver h2 {
	background:url(/service/images/title_screensaver@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#service #main section p {
	padding:5px 18px
}

#service #main section p a {
	margin-top:10px;
	margin-left:-4px;
	font-size:12px;
	color:#000;
	background:url(/service/images/blackarrow.png) no-repeat 4px 4px;
	padding:2px 5px 2px 19px
}

#service #main section p a:hover {
	color:#FFF;
	border-radius:4px;
	background:url(/service/images/whitearrow.png) no-repeat 4px 4px;
	background-color:#333;
	text-decoration:none
}

#service #main section h6, #photoplan #main section h6 {
	background:#333333;
	text-indent:0;
	text-align:center;
	font-size:16px;
	color:#fff;
	padding:6px 0;
	height:20px
}

#price #main section.standard h2 {
	background:url(/price/images/title_price1@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}
#price #main section.standard img {
	width:300px;
	height:219px;
}
#price #main section.free h2 {
	background:url(/price/images/title_price2@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#price #main h3 {
	background:#333333;
	text-indent:0;
	text-align:center;
	font-size:16px;
	color:#fff;
	padding:6px 0;
	height:20px
}

#price #main dl {
	clear:both;
	border-bottom:1px solid #E7EAEA;
	margin:10px 0
}

#price #main dt {
	float:left;
	text-align:left;
	width:260px;
	vertical-align:center;
	background:url(/price/images/disc.gif) no-repeat 2px 6px;
	color:#605f5f;
	margin:12px 10px 5px 0;
	font-size:15px;
	padding:0 0 0 11px
}

#price #main dd {
	float:left;
	font-size:15px;
	margin:7px 10px 5px
}

.text_small {
	color:#666;
	font-size:10px
}

#profile #main section h2 {
 box-sizing: border-box;
	height:34px;
	width:100%;
	display:block;
	text-indent:0;
	background-image:none;
	background: -moz-linear-gradient(top,#BFE5F2, #63B3D2 50%,#0081B4 50%,#00679A);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5,#F6F6F6), color-stop(0.5,#e4e4e4), to(#ebebeb));
	border: 1px solid #bfbfbf;
	font-size:14px;
	padding: 7px 10px;
	color:#484747;
}

#profile #main section h1, #photoplan #main section #shimizu h1, #photoplan #main section #honda h1 {
	height:40px;
	display:block;
	text-indent:0;
	background:none;
	font-size:26px;
	color:#000;
	margin:30px 0 5px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
#profile #main section span, #photoplan #main section #shimizu span, #photoplan #main section #honda span  {
	color:#333;
	font-size:18px;
}

#profile #main section table {
	width:100%;
	border-collapse:collapse;
	margin:30px 0
}

#profile #main section th, #profile #main section td {
	border:1px solid #fff;
	text-align:left;
	padding:.5em
}

#profile #main section th {
	color:#fff;
	width:30%;
	background:#7f7f7f url(/images/tr_back.gif) repeat-x
}

#profile #main section td.even {
	widht:70%;
	background:#f3f4f5
}

#profile #main section td.odd {
	widht:70%;
	background:#e6e7e7
}

#works #main section {
	text-align:center;
}
#works #main section h2 {
	height:30px;
	width:600px;
	text-indent:-9999px
}

#works #main section.corporate h2 {
	background:url(/works/images/title_corporate@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}


#works #main section.branding h2 {
	background:url(/works/images/title_branding@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#works #main section.campaign h2 {
	background-image:url(/works/images/title_campaign@2x.jpg);
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}
#works #main section.movie h2 {
	background-image:url(/works/images/title_movie@2x.jpg);
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}
#works #main section.printing h2 {
	background-image:url(/works/images/title_printing@2x.jpg);
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}
#works #main section.photo h2 {
	background-image:url(/works/images/title_photo@2x.jpg);
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}
#works #main section.blog h2 {
	background-image:url(/works/images/title_blog@2x.jpg);
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}



#service > div#container > div#content > div > section#consulting > h2 {
	background-image:url(/service/images/title_consulting@2x.jpg);
}
#service > div#container > div#content > div > section#website > h2 {
	background-image:url(/service/images/title_website@2x.jpg);
}
#service > div#container > div#content > div > section#websitelite > h2 {
	background-image:url(/service/images/title_websitelite@2x.jpg);
}
#service > div#container > div#content > div > section#beauty > h2 {
	background-image:url(/service/images/title_beauty@2x.jpg);
}
#service > div#container > div#content > div > section#recruit > h2 {
	background-image:url(/service/images/title_recruit@2x.jpg);
}
#service > div#container > div#content > div > section#e-commerce > h2 {
	background-image:url(/service/images/title_ecommerce@2x.jpg);
}
#service > div#container > div#content > div > section#e-commercelite > h2 {
	background-image:url(/service/images/title_ecommercelite@2x.jpg);
}
#service > div#container > div#content > div > section#application > h2 {
	background-image:url(/service/images/title_application@2x.jpg);
}
#service > div#container > div#content > div > section#landing-page > h2 {
	background-image:url(/service/images/title_landing@2x.jpg);
}
#service > div#container > div#content > div > section#webpro > h2 {
	background-image:url(/service/images/title_webpromotion@2x.jpg);
}

#service > div#container > div#content > div > section > h2 {
	background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}

#photoplan > div#container > div#content > div > section#photo > h2 {
	background:url(/toyama/images/title_photo@2x.jpg) no-repeat;
    -webkit-background-size: 600px 30px;
    border-right: #ccc 1px solid;
    width: 100%;
}

#photoplan #main dl {
	clear:both;
	border-bottom:1px solid #E7EAEA;
	margin:10px 0
}

#photoplan #main dt {
	float:left;
	text-align:left;
	width:260px;
	vertical-align:center;
	background:url(/price/images/disc.gif) no-repeat 2px 6px;
	color:#605f5f;
	margin:12px 10px 5px 0;
	font-size:15px;
	padding:0 0 0 11px
}

#photoplan #main dd {
	float:left;
	font-size:15px;
	margin:7px 10px 5px
}

#works #main section ul.columns {
	width:90%;
	min-width:320px;
	text-align:center;
	list-style:none;
	margin:10px auto;
	padding:0
}


#works #main section ul.columns li {
	position:relative;
	float:left;
	width:150px;
	display:inline;
	margin:10px 10px 10px 0px;
	text-align:left;
	padding:0
}

#works #main section ul.columns li:hover {
	z-index:99
}

#works #main section ul.columns li span {
	position:absolute;
	left:0;
	top:0;
	height:156px;
	width:150px;
	overflow:hidden;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	background-repeat:no-repeat;
	-webkit-background-size:contain;
}

#works #main section ul.columns li.brandingbg span {
	position:absolute;
	left:0;
	top:0;
	height:113px;
	width:150px;
	overflow:hidden;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

#works #main section ul.columns li.campaignbg span {
	position:absolute;
	left:0;
	top:0;
	height:117px;
	width:150px;
	overflow:hidden;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

#works #main section ul.columns li.moviebg span {
	position:absolute;
	left:0;
	top:0;
	height:90px;
	width:150px;
	overflow:hidden;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

#works #main section ul.columns li img {
	width:150px;
}


#works #main section ul.columns li.photobg span {
	position:absolute;
	left:0;
	top:0;
	height:100px;
	width:150px;
	overflow:hidden;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	
}

#works #main section ul.columns li.work1 span {
	background-image:url(/works/images/speee_on.jpg);
	-webkit-background-size: contain;
	
}

#works #main section ul.columns li.work2 span {
	background-image:url(/works/images/amener_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work3 span {
	background-image:url(/works/images/groove_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work_b1 span {
	background-image:url(/works/images/branding1_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work_b2 span {
	background-image:url(/works/images/branding2_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work_b3 span {
	background-image:url(/works/images/branding3_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work_b4 span {
	background-image:url(/works/images/branding4_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work_b5 span {
	background-image:url(/works/images/branding5_on.jpg);
	-webkit-background-size: contain;
}

#works #main section ul.columns li.work_b6 span {
	background-image:url(/works/images/branding6_on.jpg)
}

#works #main section ul.columns li.work_c1 span {
	background-image:url(/works/images/campaign1_on.jpg)
}

#works #main section ul.columns li.work_c2 span {
	background-image:url(/works/images/campaign2_on.jpg)
}

#works #main section ul.columns li.work_c3 span {
	background-image:url(/works/images/campaign3_on.jpg)
}

#works #main section ul.columns li.work_c4 span {
	background-image:url(/works/images/campaign4_on.jpg)
}

#works #main section ul.columns li.work_c5 span {
	background-image:url(/works/images/campaign5_on.jpg)
}

#works #main section ul.columns li.work_c6 span {
	background-image:url(/works/images/campaign6_on.jpg)
}

#works #main section ul.columns li.work_c7 span {
	background-image:url(/works/images/campaign7_on.jpg)
}

#works #main section ul.columns li.work_c8 span {
	background-image:url(/works/images/campaign8_on.jpg)
}

#works #main section ul.columns li.work_c9 span {
	background-image:url(/works/images/campaign9_on.jpg)
}

#works #main section ul.columns li canvas {
    width: 150px;
    height: 90px;
}
	
#works #main section ul.columns li.work_m1 span {
	background-image:url(/works/images/yX10C9M1qzw.jpg)
}

#works #main section ul.columns li.work_m2 span {
	background-image:url(/works/images/4IpaGfhCxZ0.jpg)
}

#works #main section ul.columns li.work_m3 span {
	background-image:url(/works/images/l_ErRU7M6F0.jpg)
}

#works #main section ul.columns li.work_m4 span {
	background-image:url(/works/images/JYbF1XClIkQ.jpg)
}

#works #main section ul.columns li.work_m5 span {
	background-image:url(/works/images/bIHFFAM9VSs.jpg)
}

#works #main section ul.columns li.work_m6 span {
	background-image:url(/works/images/1Q-sK2JTzk4.jpg)
}


#works #main section ul.columns li.work_p1 span {
	background-image:url(/works/images/photo1_on.jpg)
}
#works #main section ul.columns li.work_p2 span {
	background-image:url(/works/images/photo2_on.jpg)
}
#works #main section ul.columns li.work_p3 span {
	background-image:url(/works/images/photo3_on.jpg)
}

#works #main section.blog ul.columns li.work1 span {
	background-image:url(/works/images/blog1_on.jpg)
}

#works #main section.blog ul.columns li.work2 span {
	background-image:url(/works/images/blog2_on.jpg)
}

#works #main section.blog ul.columns li.work3 span {
	background-image:url(/works/images/blog3_on.jpg)
}



#works #main section ul.columns li .info {
	position:absolute;
	left:-6px;
	top:-6px;
	width:150px;
	font-size:1.2em;
	display:none;
	background:#000;
	border-radius:5px;
	padding:162px 6px 6px
}

#works #main section ul.columns li.brandingbg .info {
	padding:117px 6px 6px
}

#works #main section ul.columns li.campaignbg .info {
	padding:120px 6px 6px
}

#works #main section ul.columns li.moviebg .info {
	padding:92px 6px 6px
}

#works #main section ul.columns li.photobg .info {
	padding:105px 6px 6px
}


#works #main section ul.columns li:hover .info {
	display:block
}

#works #main section ul.columns li h3 {
	font-size:12px;
	font-weight:700;
	color:#fff;
	margin:0;
	padding:5px 0
}

#works #main section ul.columns li p {
	margin-top:10px;
	font-size:11px;
	color:#ccc;
	padding:0
}

#works #main section ul.columns li p a {
	margin-top:10px;
	font-size:10px;
	color:#FFF;
	display:block;
	background:url(/works/images/whitearrow.gif) no-repeat 0 4px;
	vertical-align:middle;
	padding:0 0 0 15px
}

#works #main section ul.columns li p a:hover {
	color:#FC0;
	background:url(/works/images/orangearrow.gif) no-repeat 0 4px
}

#works #main section ul.columns li p.dotlinetop {
	border-top:1px dotted #999;
	padding-top:10px;
	margin:0
}

#main section#contactform h2 {
	background:url(/contact/images/contact_title@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
	
}
#main section#contactform h2.entry {
	background:url(/contact/images/entry_title@2x.jpg) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
	
}

input.textBoxStyle, .textAreaStyle{
	width:245px;
}
.superselect-container,.superselect-options {
	width:268px;
}

form#contactbox .placeholder {
	color:#aaa
}

form#contactbox label.error {
	display:block;
	color:#c00;
	font-size:11px;
	font-weight:700;
	margin-left:10px
}





#sitemap #main ul li {
	border-bottom:1px dotted #CACACA;
	display:block;
	font-size:11px;
	padding:5px
}

#sitemap #main ul li a {
	background:url(/images/blackarrow.gif) no-repeat scroll 5px 8px transparent;
	color:#333;
	text-decoration:none;
	padding:4px 5px 4px 15px
}

#sitemap #main ul li a:hover {
	border-radius:4px;
	background-color:#333;
	background-image:url(/images/whitearrow.gif);
	color:#FFF
}

#sitemap #main ul li a:hover strong {
	color:#FFF
}

#privacy #main h3 {
	border-left:6px solid #333;
	border-bottom:1px dotted #CACACA;
	display:block;
	color:#222;
	padding:3px 8px
}

#privacy #main p {
	margin:0;
	padding:15px
}

#privacy #main ul.disc {
	padding-left:30px;
	margin-bottom:20px;
	list-style:outside disc;
	font-weight:400;
	color:#555;
	line-height:160%
}

aside.feature h2{
	height:auto;
	width:auto;
	color:#fff;
	text-indent:0;
	background:url(none) #333;
	margin-bottom:12px;
	padding:10px
}
aside.feature h2.sample{
	height:53px;
	width:267px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/title_pricesample.jpg) no-repeat top;
	margin-bottom:8px;
	padding:0
}
aside.feature, aside.flow {
	width:auto;
	border:3px solid #e0dfdf;
	margin:0 auto;
	padding:0;
	display:block;
	float:none;
}

aside.feature .inneraside, aside.flow .inneraside {
	width:99.5%;
	border:1px solid #807f7f;
	background:#807f7f url(none) repeat-y top;
	margin:0;
	padding:0;
	
}

aside.feature img {
	position:relative;
	margin:0 6px 6px;
	padding:0
}

aside.feature li {
	position:relative;
	text-align:right;
	height:75px;
	width:90%;
	overflow:hidden;
	margin:0 auto 10px;
	padding:0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: #f5f4f4; /* Old browsers */ /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f4f4), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-linear-gradient(top,  #f5f4f4 0%,#d9d9d9 100%);
	background: linear-gradient(to bottom,  #f5f4f4 0%,#d9d9d9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f4', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #666;
	border-top:1px solid #e0dfdf;
	border-left:1px solid #b1b0b0;
	border-right:1px solid #b1b0b0
}
aside.feature li h3 {
	margin:10px;
	border-bottom:1px solid #fff;
}
aside.feature li a {
	padding:35px 20px 0 0;
	height:auto;
	width:auto;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	text-indent:0;
	border-bottom:1px solid #aba8a8
}

aside.feature li span {
	display:none;
}

aside.feature li.fbtn1 a {
	background: url("/images/feature_arrow.gif") no-repeat scroll right 41px transparent;
}

aside.feature li.fbtn1 span {
	background-image:url(none);
}

aside.feature li.fbtn2 a {
	background: url("/images/feature_arrow.gif") no-repeat scroll right 41px transparent;
}

aside.feature li.fbtn2 span {
	background-image:url(none);
}

aside.feature li.fbtn3 a {
	background: url("/images/feature_arrow.gif") no-repeat scroll right 41px transparent;
}

aside.feature li.fbtn3 span {
	background-image:url(none);
}

aside.feature li.fbtn4 a {
	background: url("/images/feature_arrow.gif") no-repeat scroll right 41px transparent;
}

aside.feature li.fbtn4 span {
	background-image:url(none);
}

aside.feature li.fbtn5 a {
	background: url("/images/feature_arrow.gif") no-repeat scroll right 41px transparent;
}

aside.feature li.fbtn5 span {
	background-image:url(none);
}

aside.torihiki h3,aside.ryakureki h3,aside.yokuaru h3,aside.feature h2.sample {
 box-sizing: border-box;
	height:36px;
	width:100%;
	display:block;
	text-indent:0;
	background-image:none;
	background: -moz-linear-gradient(top,#BFE5F2, #63B3D2 50%,#0081B4 50%,#00679A);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5,#F6F6F6), color-stop(0.5,#e4e4e4), to(#ebebeb));
	border: 1px solid #bfbfbf;
	font-size:18px;
	padding: 8px 10px;
	color:#484747;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
aside.yokuaru h3{
	margin-top:20px;
}in


aside.ryakureki ul li, aside.torihiki ul li, aside.yokuaru ul li {
	border-bottom:#cacaca 1px dotted;
	display:block;
	padding:5px
}

aside.yokuaru ul li a {
	color:#333;
	text-decoration:none;
	background:url(/images/blackarrow.gif) no-repeat scroll 5px 8px transparent;
	padding:4px 5px 4px 15px
}

aside.yokuaru ul li a:hover {
	color:#fff;
	background-color:#333;
	background-image:url(/images/whitearrow.gif);
	border-radius:4px
}

aside.flow h2 {
	height:auto;
	width:auto;
	color:#fff;
	text-indent:0;
	background:url(none) #333;
	margin-bottom:12px;
	padding:10px
}

aside.flow div {
	border:1px solid;
	width:94%;
	background:url(/service/images/flow_bg.jpg) repeat-x top;
	border-color:#f6f6f6 #b1b0b0 #424141;
	margin:8px
}

aside.flow div h3 {
	height:47px;
	width:280px;
	overflow:hidden;
	text-indent:-9999px;
	padding:0
}

aside.flow div p {
	font-size:11px;
	color:#474747;
	line-height:150%;
	padding:6px 10px 10px
}

aside.flow img {
	display:block;
	margin:0 auto
}

aside.flow div.flow1 {
	margin-top:12px
}

aside.flow div.flow1 h3 {
	background:url(/service/images/title_flow1@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}

aside.flow div.flow2 h3 {
	background:url(/service/images/title_flow2@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}

aside.flow div.flow3 h3 {
	background:url(/service/images/title_flow3@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}

aside.flow div.flow4 h3 {
	background:url(/service/images/title_flow4@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}

aside.flow div.flow5 h3 {
	background:url(/service/images/title_flow5@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}

aside.flow div.flow6 h3 {
	background:url(/service/images/title_flow6@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}

aside.flow div.flow7 h3 {
	background:url(/service/images/title_flow7@2x.png) no-repeat top;
	-webkit-background-size:280px 47px
}


aside img.sampleimg{
	width:270px;
	height:244px;
	margin:12px;
}

* html .clearfix {
	height:1px
}

div.name_block a span {
	color:#333
}

.dotlinetop {
	border-top:1px dotted #999;
	padding-top:15px;
	margin:0
}

.outline_title{
	position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);

}


header ul#topnavi li:first-child, header ul#topnavi li a.question, #footernav li:first-child {
	border-left:none
}

header ul#topnavi li:last-child, header ul#topnavi li a.twitter, #footernav li:last-child {
	border-right:none
}

#footernav li a:hover, footer address a:hover {
	color:#fff;
	text-decoration:underline
}



#contact #lead section ul, #price #main section.standard p, #contact .linebox, aside.ryakureki ul, aside.torihiki ul, aside.yokuaru ul {
	margin-top:15px
}

#main section, .clearfix {
	min-height:1px
}

#main section:after, .clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}

#service #main section h2, #price #main section h2, #photoplan #main section h2 {
	margin-bottom:10px;
	height:30px;
	width:600px;
	text-indent:-9999px
}

#price #main section, #works #main section {
	margin-bottom:25px
}

dd strong, #sitemap #main ul li strong {
	color:#000
}

#profile #main section h3, #reason #main section h3 {
	border-bottom:1px dotted #CACACA;
	border-left:6px solid #333;
	color:#222;
	display:block;
	font-size:14px;
	margin:20px 0 10px;
	padding:3px 8px
}



#qa #content, #voc #content, .content2bg {
	background:url(/images/bg2.jpg) no-repeat
}

#qa #main section.mainlinebox h2, #voc #main section.mainlinebox h2 {
	background:url(/images/title_box_bg.jpg) no-repeat;
	height:30px;
	text-indent:15px;
	font-size:12px;
	margin:15px 0
}

#qa #main section.qabox h3, #voc #main section.qabox h3 {
	font-weight:700
}

#qa #main section p,#voc #main section pre{
	padding:15px 25px;
}

#toTop {
	bottom:5px; /* together with this to put the div at the bottom*/
}
#toSitemap {
	width:100px;
	line-height:100%;
	border:1px solid #ccc;
	background:#f7f7f7 url(/images/btarrow.gif) no-repeat 12px 5px;
	text-align:center;
	padding:5px 5px 5px 12px;
	position:fixed; /* this is the magic */
	bottom:5px; /* together with this to put the div at the bottom*/
	left:10px;
	cursor:pointer;
	display:none;
	color:#333;
	font-family:verdana;
	font-size:11px;
	z-index:7000;
}


/* スライド画像 */

#slider {
    width: 317px; /* important to be same as image width */
    height: 109px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-left:auto;
	margin-right:auto;
}


#sliderContent{
    width: 317px; /* important to be same as image width or wider */
	display:block;
	top: 0;
	
}
.sliderImage{
    float: left;
    position: relative;
	display: none;
}
.sliderImage img{
    width: 317px; /* important to be same as image width */
    height: 109px;
}
.sliderImage span {
    position: absolute;
	font-size: 12px;
    width: 310px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
}

#slider .clear {
	clear: both;
}
#slider .sliderImage span strong{
    font-size: 13px;
}
#slider .top {
	top: 0;
	left: 0;
	padding:5px;
}
#slider .bottom {
	text-align:left;
	bottom: 5px;
    left: 0;
	padding:5px;
}
#slider .left {
	top: 0;
    left: 0;
	width:250px !important;
	padding:5px;
}
#slider .right {
	right: 0;
	bottom: 0;
}
#slider ul { list-style-type: none;}

#submit {
	background: url(../contact/images/sendbtn@2x.jpg) left top no-repeat;
	-webkit-background-size:250px 150px;
}


 #main section#requirement h2 {
	background:url(/images/title_require@2x.png) no-repeat;
	-webkit-background-size:600px 30px;
	border-right:#ccc 1px solid;
	width:100%;
}
#requirement dt{
	font-weight:bold;
	margin: 10px 10px 5px 0px;
}
#requirement dd{
	width:100%;
}

	#photoplan #main section ul.columns {
		width:90%;
		min-width:320px;
		text-align:center;
		list-style:none;
		margin:10px auto;
		padding:0
	}
	#photoplan #main section ul.columns li {
		position:relative;
		width:150px;
		margin:10px 10px 10px 0px;
		text-align:left;
		padding:0
	}
	#photoplan #main section ul.columns li canvas {
		width: 150px;
		height: 100px;
	}
	#photoplan #main section ul.columns li.photobg .info {
		position: absolute;
		left: -6px;
		top: -6px;
		width: 150px;
		font-size: 1.2em;
		display: none;
		background: #000;
		border-radius: 5px;
		padding: 110px 6px 6px;
	}
	#photoplan #main section ul.columns li.photobg:hover .info {
		display: block;
	}	
	#photoplan #main section ul.columns li span {
		width: 150px;
		height: 100px;
	}
	#photoplan #main section ul.columns li.photobg span {
		position: absolute;
		left: 0;
		top: 0;
		height: 100px;
		width: 150px;
		overflow: hidden;
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	}

}

@media screen and (max-width:950px){
	#flipbanner{
		display:none;　
	}
}