@charset "UTF-8";

html {
	background:#FFF url(/images/bg_pattern.jpg) repeat-x
}

#flipbanner {
	position:absolute;
	right:0;
	top:0;
	zoom:1;
	text-align:center
}

#fb-root {
	float:left;
}

#flipbanner .lovejapanfb {
	width:250px;
	height:150px;
	overflow:hidden;
	zoom:1;
	text-align:center;
	margin:0 auto;
	clear:both
}

#flipbanner .lovejapanmsg {
	font-size:10px;
	color:#000;
	margin-left:-30px
}

#flipbanner .lovejapanfbname {
	font-weight:bold;
	font-size:14px;
	color:#fff;
	margin:6px 0 6px -5px
}

#flipbanner img {
	width:60px;
	height:62px;
	z-index:99;
	position:absolute;
	right:0;
	top:0
}

#flipbanner .facebook_like {
	width:60px;
	height:60px;
	position:absolute;
	z-index:90;
	right:0;
	top:0;
	background:url(/images/lovejapan.png) no-repeat right top;
	text-align:center;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	zoom:1;
	background-attachment:fixed;
}

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

* html body {
	background:url(/images/bg_ie6.jpg) no-repeat center top
}

#container {
	position:relative;
	width:950px;
	margin:0 auto
}

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

nav {
	position:relative;
	clear:both;
	height:45px;
	margin:5px 0 10px
}

#lead {
	height:320px;
	width:950px
}

#content {
	width:900px;
	padding:30px 25px
}

#main {
	float:left;
	width:600px
}

aside {
	float:right;
	width:275px;
	margin:0;
	padding:0;
	display:inline;
}

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

#footer-wrapper {
	width:950px;
	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:1px dotted #9EA2A4;
	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
}
.footerInfo{
	display:block;
	text-align:left;
	background-color:#000;
	background: #000; /* Old browsers */
	padding:5px 20px;
	color:#666;
	font-weight:lighter;
	font-size: 10px;
}
.footerInfo a{
	text-decoration:none;
	color:#666;

}
header h1 {
	position:absolute;
	left:10px;
	top:13px;
	font-size:11px;
	font-weight:400;
	display:block
}

header ul#topnavi {
	position:absolute;
	top:8px;
	right:15px;
	display:block;
	list-style:none outside none
}

header ul#topnavi li {
	position:relative;
	float:left;
	height:16px;
	list-style:none outside none;
	font-size:11px;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin:0;
	padding:0
}

header ul#topnavi li a {
	border-right:1px solid #b0afaf;
	border-left:1px solid #FFF;
	color:#484848;
	text-decoration:none;
	display:block;
	padding:6px 10px 4px
}

header ul#topnavi li a:hover {
	color:#000;
	background-color:#FFF
}

header img#logo {
	margin:72px 0 0 72px
}

header h2 {
	position:absolute;
	top:50px;
	right:40px;
	height:80px;
	width:240px;
	text-indent:-3000px;
	background:url(../images/number.png) no-repeat
}
header h2.telToyama{
	background:url(../images/number_t.png) no-repeat
	
}


#footer-content section h3 {
	border-bottom:1px solid #373637;
	text-indent:-5000px;
	background:no-repeat top left
}

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

#footer-content section ul li a {
	font-size:11px;
	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 #7e7e7e;
	padding:10px 5px
}

#footer-content #servicelist {
	height:200px;
	width:200px
}

#footer-content #servicelist h3 {
	background-image:url(/images/title_servicelists.png)
}

#footer-content #fwork {
	height:200px;
	width:250px
}

#footer-content #fwork h3 {
	background-image:url(/images/title_work.png)
}

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

#footer-content #fwork a.thumb {
	position:relative;
	float:left;
	height:150px;
	width:104px;
	margin-right:10px;
	overflow:hidden;
	z-index:1;
	display:block;
	background-image:url(/images/work_thumb_nb.jpg);
	background-repeat: no-repeat;
	background-position:0 -150px
}

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

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

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

#footer-content #question {
	height:200px;
	width:220px
}

#footer-content #question h3 {
	background-image:url(/images/title_faq.png)
}

#footer-content #connect {
	height:200px;
	width:130px;
	border-right:none
}

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

#footer-content #connect h3 {
	background-image:url(/images/title_connect.png)
}

#footernav {
	margin-left:10px
}

#footernav li {
	float:left;
	height:10px;
	border-right:1px solid #000;
	border-left:1px solid #4c4c4c;
	font-size:10px;
	color:#63727a;
	display:block;
	padding:0 10px
}

#footernav li a {
	font-size:10px;
	color:#7d7d7d
}

footer address {
	float:right;
	margin-right:20px;
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:10px;
	color:#999
}

footer address a {
	color:#fff
}

nav li {
	position:relative;
	float:left;
	height:45px;
	width:150px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(/images/nav_bg.png);
	background-repeat:no-repeat;
	margin:0 0 0 10px;
	padding:0
}

nav li a {
	float:left;
	height:45px;
	width:150px;
	overflow:hidden;
	background-image:url(/images/nav_bg.png);
	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.png);
	background-repeat:no-repeat
}

nav li.mbtn1 span {
	margin-left:0;
	background-position:0 -45px
}

nav li.mbtn1up {
	margin-left:0;
	background-position:0 -90px
}

nav li.mbtn2 a {
	background-position:-159px top
}

nav li.mbtn2 span {
	background-position:-159px -45px
}

nav li.mbtn2up {
	background-position:-159px -90px
}

nav li.mbtn3 a {
	background-position:-318px top
}

nav li.mbtn3 span {
	background-position:-318px -45px
}

nav li.mbtn3up {
	background-position:-318px -90px
}

nav li.mbtn4 a {
	background-position:-478px top
}

nav li.mbtn4 span {
	background-position:-478px -45px
}

nav li.mbtn4up {
	background-position:-478px -90px
}

nav li.mbtn5 a {
	background-position:-638px top
}

nav li.mbtn5 span {
	background-position:-638px -45px
}

nav li.mbtn5up {
	background-position:-638px -90px
}

nav li.mbtn6 a {
	background-position:-800px top
}

nav li.mbtn6 span {
	background-position:-800px -45px
}

nav li.mbtn6up {
	background-position:-800px -90px
}
#service #lead{
	background:url(/images/service.jpg) no-repeat;
	height:30px;
	width:750px;
	padding:290px 0 0 200px
}
#service #lead.products{
	background:url(/service/images/webpack.jpg) no-repeat;
	height:120px;
	width:550px;
	padding:200px 0 0 400px
}
#service #lead.products1{
	background:url(/service/images/ecpack.jpg) no-repeat;
	height:120px;
	width:550px;
	padding:200px 0 0 400px
}
#service #lead.products2{
	background:url(/service/images/beautypack.jpg) no-repeat;
	height:70px;
	width:550px;
	padding:250px 0 0 400px
}
#service #lead.products3{
	background:url(/service/images/recruitpack.jpg) no-repeat;
	height:70px;
	width:550px;
	padding:250px 0 0 400px
}
#service #lead.products4{
	background:url(/service/images/promotionpack.jpg) no-repeat;
	height:70px;
	width:550px;
	padding:250px 0 0 400px
}

#contact #lead {
	background:url(/images/contact.jpg) no-repeat;
	height:180px;
	width:885px;
	padding:140px 0 0 65px
}
#recruit #lead {
	background:url(/images/recruit.jpg) no-repeat;
	height:225px;
	width:850px;
	padding:95px 0 0 100px
}

#works #lead {
	background:url(/images/works.jpg) no-repeat;
	height:80px;
	width:910px;
	padding:250px 0 0 40px
}

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

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



#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  #lead #submenu{
	margin:10px 0
}

#service  #lead #submenu li{
	line-height:100%;
	float:left;
	background-color:#fff;	
}
#service  #lead #submenu li:hover{
	background-color:#333;	
}

#service  #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  #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;
	height:60px;
	width:880px;
	padding:260px 0 0 70px
}

#profile #lead {
	background:url(/images/company.jpg) no-repeat;
	height:170px;
	width:865px;
	padding:150px 0 0 95px
}

#reason #lead {
	height:100px;
	background:url(/images/feature1.gif) no-repeat;
	padding:0
}

#ally #lead {
	height:100px;
	background:url(/images/feature2.gif) no-repeat;
	padding:0
}

#partner #lead {
	height:100px;
	background:url(/images/feature3.gif) no-repeat;
	padding:0
}

#photoplan #lead {
	height:100px;
	background:url(/images/feature4.gif) no-repeat;
	padding:0
}

#network #lead {
	height:100px;
	background:url(/images/feature5.gif) no-repeat;
	padding:0
}

#sitemap #lead {
	height:100px;
	background:url(/images/sitemap.jpg) no-repeat;
	padding:0
}

#sitemap #lead h2 {
	display:block;
	color:#000;
	background:none;
	font-size:14px;
	padding:46px 0 0 300px
}

#privacy #lead {
	height:100px;
	background:url(/images/privacy.jpg) no-repeat;
	padding:0
}

#privacy #lead h2 {
	display:block;
	color:#000;
	background:none;
	font-size:14px;
	padding:46px 0 0 360px
}

#qa #lead {
	height:100px;
	background:url(/images/faq.jpg) no-repeat;
	padding:0
}

#qa #lead h2 {
	display:block;
	color:#000;
	background:none;
	font-size:14px;
	padding:43px 0 0 250px
}

#lead section h2 {
	font-size:12px;
	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:#333;
	background:#f4f4f4;
	width:300px;
	padding:4px 6px
}

#contact #lead section h2 {
	display:block;
	color:#333;
	background:none;
	padding:4px 6px 2px 4px
}

#contact #lead section ul li {
	font-size:10px;
	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
}

#recruit #lead section h2 {
	display:block;
	font-size:13px;
	line-height:150%;
	color:#fff;
	background:none;
	padding:3px 6px
}

#main section.box {
	height:143px;
	width:550px;
	padding-top:12px;
	padding-right:25px;
	padding-left:25px;
	margin-bottom:15px;
	background:url(/images/section_bg.png)
}

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

#main section#info h2 {
	background:url(/images/title_info.png) no-repeat top left;
	-webkit-background-size: 360px 21px
}
#main section#info h3 {
	font-size:12px;
	padding-left:5px;
	font-weight:normal
}


#main section#archive h2 {
	background:url(/images/title_archive.png) no-repeat top left
}

#main section#customer h2 {
	background:url(/images/title_custom.png) no-repeat top left
}

#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 15px
}

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

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

#main .linebox .innerbox {
	border:1px solid #bab7b7;
	padding:10px
}
#nf .linebox .innerbox {
	border:1px solid #bab7b7;
	padding:20px
}

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

#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 h3 {
    max-height: 18px;
}
#main section.box ul li a {
	color:#333;
	text-decoration:none;
	background:url(../images/blackarrow.gif) no-repeat scroll 5px 9px transparent;
	padding:5px 5px 5px 15px;
	line-height:12px;

    display:inline-block;
    max-width:450px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin: 0;

}



#main section.box ul li time {
    display:inline-block;
    padding: 5px 10px 5px 0px;
    vertical-align: top;
    line-height: 12px;
}

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

#main section.contactbtn {
	margin-top:15px;
	height:95px;
	width:600px;
	display:block;
	background:url(/images/contact.png) 0 -95px
}
#main section .contactToyama {
	margin-top:15px;
	height:95px;
	width:600px;
	display:block;
	background:url(/images/contact_t.png) 0 -95px
}
#main section.entrybtn{
	display:block;
	border: 0px;
	width: 250px;
	height: 75px;
	background: url(/recruit/images/entrybtn.jpg) 0 -75px;
	margin:0 auto;
}

#main section.entrybtn a {
	display:block;
	border: 0px;
	width: 250px;
	height: 75px;
	background: url(/recruit/images/entrybtn.jpg) left top no-repeat;
	margin:0 auto;
	text-indent:-5000px;
	overflow:hidden;
}

#main section.contactbtn a {
	height:95px;
	width:600px;
	display:block;
	text-indent:-9999px;
	background:url(/images/contact.png) no-repeat
}
#main section .contactToyama a {
	height:95px;
	width:600px;
	display:block;
	text-indent:-9999px;
	background:url(../images/contact_t.png) no-repeat
}
#main section.callingbtn {
	display:none;
}



/************ サービス ボディ ************/


#service #main section {
	margin-bottom:5px
}
#service #main section#jyosei {
	background-color:#333;
	margin-bottom: 10px;
}
#service #main section#jyosei a {
	color: #fff;
	display: block;
	padding:10px;
}
#service #main section#jyosei a:hover {
	color:yellow;
}

#service #main section#corporate h2 {
	background:url(/service/images/title_corporate.jpg) no-repeat
}

#service #main section#branding h2 {
	background:url(/service/images/title_branding.jpg) no-repeat
}

#service #main section#campaign h2 {
	background:url(/service/images/title_campaign.jpg) no-repeat
}

#service #main section#banner h2 {
	background:url(/service/images/title_banner.jpg) no-repeat
}

#service #main section#mobile h2 {
	background:url(/service/images/title_mobile.jpg) no-repeat
}

#service #main section#printing h2 {
	background:url(/service/images/title_printing.jpg) no-repeat
}

#service #main section#photo h2 {
	background:url(/service/images/title_photo.jpg) no-repeat
}

#service #main section#screensaver h2 {
	background:url(/service/images/title_screensaver.jpg) no-repeat;
}

#service > div#container > div#content > div > section > h2 {
	background-repeat: no-repeat;
}
#service > div#container > div#content > div > section#website > h2 {
	background-image:url(/service/images/title_website.jpg);
}
#service > div#container > div#content > div > section#beauty > h2 {
	background-image:url(/service/images/title_beauty.jpg);
}
#service > div#container > div#content > div > section#recruit > h2 {
	background-image:url(/service/images/title_recruit.jpg);
}
#service > div#container > div#content > div > section#e-commerce > h2 {
	background-image:url(/service/images/title_ecommerce.jpg);
}
#service > div#container > div#content > div > section#webpro > h2 {
	background-image:url(/service/images/title_webpromotion.jpg);
}


#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 .pricenote {
	color:#000;
	margin:0 0 20px 0;
}


#service #main section h4 {
	padding:5px 18px;
	font-size: 13px;
}

#service #main section h5, #service #main section ul {
	padding:5px 18px
}

#service #main section h6 {
	background:url(/service/images/title_option.gif) no-repeat;
	text-indent:-9999px;
	height:28px
}

#service .labelbox {
    position: relative;
    margin: 40px 0 20px 0;
    padding: 0.5em 1em;
    border: solid 1px #bab7b7;
}
#service .labelbox .box-title {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -1px;
    padding: 0 12px;
    height: 25px;
    line-height: 26px;
    vertical-align: middle;
    background: #333333;
    color: #ffffff;
    border-radius: 0px 0px 0 0;
}
#service .labelbox p {
    margin: 0; 
    padding: 0;
}


#photoplan > div#container > div#content > div > section#photo > h2 {
	background:url(/toyama/images/title_photo.jpg) no-repeat;
}

#photoplan #main section #shimizu h1 {
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(/toyama/images/name.png) no-repeat;
	margin:20px 0px 0px 0px 
}

#photoplan #main section #honda h1 {
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(/toyama/images/name_honda.png) no-repeat;
	margin:40px 0px 0px 0px
}

#photoplan #main section h6 {
	background:url(/toyama/images/title_option.gif) no-repeat;
	text-indent:-9999px;
	height:28px
}


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

/************ 価格 ボディ ************/

#price #main section.standard h2 {
	background:url(/price/images/title_price1.jpg) no-repeat
}
#price #main section.free h2 {
	background:url(/price/images/title_price2.jpg) no-repeat
}

#price #main h3 {
	background:url(/price/images/title_option.gif) no-repeat;
	text-indent:-9999px;
	height:28px
}

#price aside.feature img{
	display:block;
	margin: 15px auto;
}

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

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

#price #main dd,#service dd,#photoplan dd {
	float:left;
	margin:7px 0 5px
}

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

#profile #main section h2#companyinfo {
	text-indent:-9999px;
	background:url(/images/title_companyinfo.jpg) no-repeat;
	height:30px;
}

#profile #main section h1{
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(/images/name.png) no-repeat;
	margin:20px 0
}

#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:17%;
	background:#7f7f7f url(/images/tr_back.gif) repeat-x
}

#profile #main section td.even {
	width:83%;
	background:#f3f4f5
}

#profile #main section td.odd {
	width:83%;
	background:#e6e7e7
}

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

#works #main section.corporate h2 {
	background-image:url(/works/images/title_corporate.jpg)
}


#works #main section.branding h2 {
	background-image:url(/works/images/title_branding.jpg)
}

#works #main section.campaign h2 {
	background-image:url(/works/images/title_campaign.jpg)
}
#works #main section.movie h2 {
	background-image:url(/works/images/title_movie.jpg)
}
#works #main section.printing h2 {
	background-image:url(/works/images/title_printing.jpg)
}
#works #main section.photo h2 {
	background-image:url(/works/images/title_photo.jpg)
}
#works #main section.blog h2 {
	background-image:url(/works/images/title_blog.jpg)
}



#works #main section ul.columns
,#photoplan #main section ul.columns
{
	width:600px;
	list-style:none;
	margin:10px auto;
	padding:0
}

#works #main section ul.columns li
, #service section ul.columns li
, #photoplan section ul.columns li
{
	position:relative;
	float:left;
	width:180px;
	display:inline;
	margin:10px;
	padding:0
}

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

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

#works #main section ul.columns li.brandingbg span {
	position:absolute;
	left:0;
	top:0;
	height:135px;
	width:180px;
	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:135px;
	width:180px;
	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:108px;
	width:180px;
	overflow:hidden;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

#works #main section ul.columns li.photobg span {
	position:absolute;
	left:0;
	top:0;
	height:120px;
	width:180px;
	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)
}

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

#works #main section ul.columns li.work3 span {
	background-image:url(/works/images/groove_on.jpg)
}
#works #main section ul.columns li.work4 span {
	background-image:url(/works/images/wil_on.jpg)
}
#works #main section ul.columns li.work5 span {
	background-image:url(/works/images/igarashi_on.jpg)
}
#works #main section ul.columns li.work6 span, #service section ul.columns li.work5 span {
	background-image:url(/works/images/ks_on.jpg)
}
#works #main section ul.columns li.work7 span, #service section ul.columns li.work5 span {
	background-image:url(/works/images/himoren_on.jpg)
}
#works #main section ul.columns li.work8 span, #service section ul.columns li.work8 span {
	background-image:url(/works/images/nicolaibergmann_on.jpg)
}

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

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

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

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

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

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

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

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

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

#works #main section ul.columns li.work_b10 span {
	background-image:url(/works/images/pivace_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.work_c10 span {
	background-image:url(/works/images/campaign10_on.jpg)
}

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

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

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

#works #main section ul.columns li.work_c14 span {
	background-image:url(/works/images/toryburchcampaign2_on.jpg)
}
#works #main section ul.columns li canvas {
    width: 180px;
    height: 108px;
}

#works #main section ul.columns li.work_m1 span {
    background-image:url(/works/images/yX10C9M1qzw.jpg);
    background-size:100% 100%;
	/*background-image:url(/works/images/movie1_on.jpg)*/
}

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

#works #main section ul.columns li.work_m3 span {
    background-image:url(/works/images/l_ErRU7M6F0.jpg);
    background-size:100% 100%;
	/*background-image:url(/works/images/movie3_on.jpg)*/
}

#works #main section ul.columns li.work_m4 span {
    background-image:url(/works/images/JYbF1XClIkQ.jpg);
    background-size:100% 100%;
	/*background-image:url(/works/images/movie4_on.jpg)*/
}

#works #main section ul.columns li.work_m5 span {
    background-image:url(/works/images/bIHFFAM9VSs.jpg);
    background-size:100% 100%;
	/*background-image:url(/works/images/movie5_on.jpg)*/
}

#works #main section ul.columns li.work_m6 span {
    background-image:url(/works/images/1Q-sK2JTzk4.jpg);
    background-size:100% 100%;
	/*background-image:url(/works/images/movie6_on.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.blog ul.columns li.work4 span {
	background-image:url(/works/images/blog4_on.jpg)
}

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




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

#works #main section ul.columns li.brandingbg .info {
	padding:150px 10px 10px
}

#works #main section ul.columns li.campaignbg .info {
	padding:150px 10px 10px
}

#works #main section ul.columns li.moviebg .info {
	padding:120px 10px 10px
}

#works #main section ul.columns li.photobg .info {
	padding:135px 10px 10px
}


#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
}

#works #main section ul.columns li canvas {
	opacity: 0;
	-webkit-transition-property:opacity;
	transition-property: opacity;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
	-webkit-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
	
}

#works #main section ul.columns li canvas.loaded {
	opacity: 1;
}

#main section#contactform h2 {
	height:30px;
	width:600px;
	background:url(/contact/images/contact_title.jpg) no-repeat top left;
	margin-bottom:12px;
}
#main section#contactform h2.entry {
	height:30px;
	width:600px;
	background:url(/recruit/images/entry_title.jpg) no-repeat top left;
	margin-bottom:12px;
}
#main section#requirement h2 {
	height:30px;
	width:600px;
	background:url(/images/title_require.png) no-repeat top left;
	margin-bottom:15px;
}

form#contactbox .placeholder {
	color:#aaa
}

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

#voc #lead {
	height:100px;
	background:url(/images/voc.jpg) no-repeat;
	padding:0
}

#nf #lead {
	height:100px;
	background:url(/images/404.png) no-repeat;
	padding:0
}

#voc #lead h2 {
	display:block;
	color:#fff;
	background:none;
	font-size:14px;
	padding:43px 0 0 250px
}
#nf #lead h2 {
	display:block;
	color:#fff;
	background:none;
	font-size:14px;
	padding:43px 0 0 370px
}
.nfbox{
	padding-bottom:10px;

}

#reason #lead h2, #ally #lead h2, #partner #lead h2, #photoplan #lead h2, #network #lead h2 {
	display:block;
	background:none;
	text-indent:-9999px
}

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

#sitemap #main ul li a,#nf #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,#nf #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,#nf #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%
}
#privacy #main ol {
	padding-left:30px;
	margin-bottom:20px;
	list-style:outside decimal;
	font-weight:400;
	color:#555;
	line-height:160%
}

aside.feature h2{
	height:53px;
	width:267px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/title_feature.jpg) no-repeat top;
	margin-bottom:8px;
	padding:0
}
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:269px;
	border:3px solid #e0dfdf;
	margin:0;
	padding:0;
}

aside.feature .inneraside, aside.flow .inneraside {
	width:267px;
	border:1px solid #807f7f;
	background:#807f7f url(/images/sidebar_bg.jpg) repeat-y top;
	margin:0;
	padding:0;
}

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

aside.feature li {
	position:relative;
	height:75px;
	overflow:hidden;
	margin:0 6px 10px;
	padding:0
}

aside.feature li a {
	height:75px;
	width:255px;
	overflow:hidden;
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	margin:0;
	padding:0
}

aside.feature li span {
	position:absolute;
	left:0;
	top:0;
	height:75px;
	width:0;
	overflow:hidden;
	background-repeat:no-repeat;
	margin:0;
	padding:0
}

aside.feature li.fbtn1 a {
	background-image:url(/images/f_btn1.png)
}

aside.feature li.fbtn1 span {
	background-image:url(/images/f_btn1.png);
	background-position:0 -75px
}

aside.feature li.fbtn2 a {
	background-image:url(/images/f_btn2.png)
}

aside.feature li.fbtn2 span {
	background-image:url(/images/f_btn2.png);
	background-position:0 -75px
}

aside.feature li.fbtn3 a {
	background-image:url(/images/f_btn3.png)
}

aside.feature li.fbtn3 span {
	background-image:url(/images/f_btn3.png);
	background-position:0 -75px
}

aside.feature li.fbtn4 a {
	background-image:url(/images/f_btn4.png)
}

aside.feature li.fbtn4 span {
	background-image:url(/images/f_btn4.png);
	background-position:0 -75px
}

aside.feature li.fbtn5 a {
	background-image:url(/images/f_btn5.png)
}

aside.feature li.fbtn5 span {
	background-image:url(/images/f_btn5.png);
	background-position:0 -75px
}

aside h3.ryakureki  {
	margin-top:20px;
	height:31px;
	width:275px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/title_ryakureki.png)
}
aside h3.officemap  {
	margin-top:20px;
	height:31px;
	width:275px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/title_officemap.png)
}
aside .r_city  {
	text-align:right;
	display:block
}
aside.torihiki h3 {
	height:31px;
	width:275px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/title_torihiki.png)
}
aside h3.torihiki {
	height:31px;
	width:275px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/title_torihiki.png)
}

aside.yokuaru h3 {
	height:31px;
	width:275px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/title_yokuaru.png)
}
aside.syokusyu h3 {
	height:31px;
	width:275px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/title_syokusyu.png)
}
aside.syokusyu p{
	padding:10px;
	line-height:150%
}

/*追加 2016/05/06 s.baba */
aside.syokusyu ul {
    margin-bottom: 20px;
}

aside h3.bosyuuhaikei{
	background-image:url(/images/title_bosyuuhaikei.png);
	margin-top:10px
}


aside.ryakureki ul li, aside.torihiki ul li, aside.yokuaru ul li, aside.syokusyu ul li, aside ul li {
	border-bottom:#cacaca 1px dotted;
	display:block;
	padding:5px
}
	
aside.yokuaru ul li a,aside.syokusyu 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:hove,aside.syokusyuul li a:hoverr {
	color:#fff;
	background-color:#333;
	background-image:url(/images/whitearrow.gif);
	border-radius:4px
}

aside.flow h2 {
	height:53px;
	width:267px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/service/images/title_flow.jpg) no-repeat top;
	padding:0
}

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

aside.flow div h3 {
	height:42px;
	width:248px;
	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.png) no-repeat top
}

aside.flow div.flow2 h3 {
	background:url(/service/images/title_flow2.png) no-repeat top
}

aside.flow div.flow3 h3 {
	background:url(/service/images/title_flow3.png) no-repeat top
}

aside.flow div.flow4 h3 {
	background:url(/service/images/title_flow4.png) no-repeat top
}

aside.flow div.flow5 h3 {
	background:url(/service/images/title_flow5.png) no-repeat top
}

aside.flow div.flow6 h3 {
	background:url(/service/images/title_flow6.png) no-repeat top
}

aside.flow div.flow7 h3 {
	background:url(/service/images/title_flow7.png) no-repeat top
}

* 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
}

nav li.mbtn1, nav li.mbtn1 a {
	margin-left:0
}

#contact #lead section ul, #price #main section.standard p, #contact .linebox, aside.ryakureki ul, aside.torihiki ul, aside.yokuaru ul,#profile aside 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, #service #main section h3, #photoplan #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
}
#nf #main h3 {
	margin-bottom:0;
}
#nf #main h3.e404 {
	padding:3px 10px;
	border-bottom:dotted 1px #000;
	border-left:solid 5px #000;
	margin-bottom:10px;
}
#nf #main .nfbox p{
	margin-left:15px;

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

#qa #main section p,#voc #main section pre{
	padding:15px 25px;
}
#nf #main section .nfbox{
	padding:0;
}
#toTop {
	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:10px; /* together with this to put the div at the bottom*/
	right:10px;
	cursor:pointer;
	display:none;
	color:#333;
	font-family:verdana;
	font-size:11px;
}
#toSitemap {
	display:none
}



#photoplan #main section ul.columns {
    width: 600px;
    list-style: none;
    margin: 10px auto;
    padding: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

#service section ul.columns li {
    position: relative;
    float: left;
    width: 180px;
    display: inline;
    margin: 10px;
    padding: 0;
}

#photoplan #main section ul.columns li
{
    float: none;
    display: block;
	max-width: 45%;
	
}

#photoplan #main section ul.columns li canvas.loaded {
    opacity: 1;
}

#photoplan #main section ul.columns li canvas {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#photoplan #main section ul.columns li canvas {
    width: 180px;
    height: 108px;
}

#photoplan #main section ul.columns li.photobg .info {
    padding: 140px 10px 10px;
}

#photoplan #main section ul.columns li .info {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 180px;
    font-size: 1.2em;
    display: none;
    background: #000;
    border-radius: 5px;
    padding: 200px 10px 10px;
}

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


#photoplan #main section ul.columns li canvas {
    width: 180px;
    height: 120px;
}

#photoplan #main section ul.columns li span {
    background-size:100% 100%;
}
#photoplan #main section ul.columns li.photo_p1 span {
    background-image:url(/toyama/images/photo001.jpg);
}

#photoplan #main section ul.columns li.photo_p2 span {
    background-image:url(/toyama/images/photo002.jpg);
}

#photoplan #main section ul.columns li.photo_p3 span {
    background-image:url(/toyama/images/photo003.jpg);
}

#photoplan #main section ul.columns li.photo_p4 span {
    background-image:url(/toyama/images/photo004.jpg);
}

#photoplan #main section ul.columns li.photo_p5 span {
    background-image:url(/toyama/images/photo005.jpg);
}

#photoplan #main section ul.columns li.photo_p6 span {
    background-image:url(/toyama/images/photo006.jpg);
}
#photoplan #main section ul.columns li.photo_p7 span {
    background-image:url(/toyama/images/photo007.jpg);
}

#photoplan #main section ul.columns li.photo_p8 span {
    background-image:url(/toyama/images/photo008.jpg);
}

#photoplan #main section ul.columns li.photo_p9 span {
    background-image:url(/toyama/images/photo009.jpg);
}

#photoplan #main section ul.columns li.photo_p10 span {
    background-image:url(/toyama/images/photo010.jpg);
}

#photoplan #main section ul.columns li.photo_p11 span {
    background-image:url(/toyama/images/photo011.jpg);
}

#photoplan #main section ul.columns li.photo_p12 span {
    background-image:url(/toyama/images/photo012.jpg);
}


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

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

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

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