/* wrapper ------------------------------- */

#wrapper {
padding:0;
margin:0 auto;
text-align:center;
background-image:url(../images/hbg.png);
background-repeat:repeat-x;
}

#wrapper2 {
padding:0;
margin:0 auto;
text-align:center;
background-image:url(../images/hbg_page.png);
background-repeat:repeat-x;
}


/* header ------------------------------- */

#header {
width:1000px;
margin:0 auto;
padding:0;
}

#header h1 {
float:right;
font-size:12px;
font-weight:normal;
line-height:1.4;
color:#FFF;
}

/* メニュー ------------------------- */

#menu {
clear:both;
width:1000px;
height:71px;
margin:0 auto;
padding:1px 0 0 0;
position: relative;
z-index:100;
}

#menu ul {
padding:0;
margin:0;
}

#menu li {
float:left;
font-size:12px;
margin:0;
padding:0;
}

#menu li img {
vertical-align:bottom;
}

#topimgbg {
clear:both;
width:100%;
background-image:url(../images/bg_b.jpg);
}

#topimg {
height:392px;
padding:0;
margin:0 auto;
position:relative;
}

#topimg p img {
vertical-align:bottom;
}


/* パンくず ------------------------- */

#pan {
clear:both;
width:1000px;
text-align:right;
padding:18px 0 10px 0;
margin:0 auto ;
font-size:11px;
color:#444444;
}

#pan .sslbox {
margin-bottom:30px;
}

#pan a {
color:#444444;
text-decoration:none;
}

#pan a:hover {
text-decoration:underline;
}

/* ソーシャルボタン ---------------- */

#button {
clear:both;
text-align:right;
width:1000px;
margin:0 auto;
padding:8px 0;
height:20px;
}

#button_top {
clear:both;
text-align:right;
width:960px;
height:30px;
margin:0 auto;
padding:12px 0 0 0;
}

#button div,#button_top div {
float:right;
}


/* contents ---------------------- */

#contentsbg {
clear:both;
margin:0 auto;
padding:0;
background-image:url(../images/contentsbg.png);
background-repeat:repeat-x;
}

#sslbox {
padding:28px 0 0 0 ;
}
 
#contents {
clear:both;
width:1000px;
margin:0 auto;
padding:0;
position:relative;
}


#contents h2 {
position:absolute;
top:34px;
left:-50px;
}

.contentsbox {
width:960px;
margin:0 0 0 40px;
}

#content_page {
clear:both;
width:1000px;
margin:0 auto;
padding:0;
position:relative;
}

#content_page h2 {
position:absolute;
top:24px;
left:-20px;
}

#sslbox h2 {
position:absolute;
top:-12px;
left:-20px;
}

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

.clearfix {display:inline-block;}

/* Hides from IE-mac ￥*/
* html .clearfix {height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */


/* main ------------------------------ */


#main {
width:950px;
margin:0 0 30px 50px;
border:1px solid #EDE3CD;
border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
behavior: url(/PIE.htc);
}

#mainbox {
padding:30px 50px 20px 50px;
border:1px solid #FFF;
border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
behavior: url(/PIE.htc);
text-align:left;
}

.fcate {
clear:both;
margin:20px 0 20px 0;
text-align:right;
position:relative;
left:56px;
}

/* トップページ：一段目・二段目 ---------------------- */

#index01 {
width:940px;
padding:0;
}

#index01_l {
float:left;
width:460px;
text-align:left;
border:1px solid #EDE3CD;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
behavior: url(/PIE.htc);
}

#index01_r {
float:right;
width:460px;
border:1px solid #EDE3CD;
text-align:left;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
behavior: url(/PIE.htc);
}

#index02 {
width:940px;
padding:10px 0 0 0;
}

#index01_box {
clear:both;
border:1px solid #EDE3CD;
text-align:left;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
behavior: url(/PIE.htc);
}

.index01box {
padding:16px 24px;
border:1px solid #FFF;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
behavior: url(/PIE.htc);
cursor:pointer ;
}

.index01box h3 {
font-size:22px;
font-weight:normal;
margin:0 0 16px 0;
}

.index01box p {
font-size:13px;
}

.index01box ul {
padding:0 0 0 20px;
}

.index01box ul li {
list-style-type:disc;
font-size:13px;
}

.check {
text-align:right;
position:relative;
right:-30px;
bottom:0;
}

/* トップページ：三段目 ---------------------- */

#index03 {
clear:both;
width:940px;
padding:40px 0 0 0;
margin:0 0 40px 0;
font-size:12px;
}

#index03_l {
float:left;
width:630px;
}

#index03_r {
float:right;
width:290px;
font-size:14px;
font-weight:bold;
padding:16px 0 0 0;
border:1px dashed #4C301E;
border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
behavior: url(/PIE.htc);
background-color:#F9F5EE;
}

#index03_r p.pleft {
text-align:left;
padding:0 0 0 30px;
}

#index03_rbox {
width:240px;
margin:0 auto;
}

.index03box {
float:left;
width:280px;
margin:0 34px 10px 0;
text-align:left;
cursor:pointer ;
}

.index03box h4 {
color:#FFF;
margin:0 0 12px 0;
font-weight:normal;
}

.index03box h4 a {
display:block;
text-align:center;
width:190px;
font-size:16px;
padding:1px 0 0 0;
background-color:#F2B92B;
color:#FFF;
text-decoration:none;
border-top-left-radius:4px;
border-top-right-radius:4px;
-ms-border-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
-o-border-top-left-radius:4px;
-ms-border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
-o-border-top-right-radius:4px;
behavior: url(/PIE.htc);
}

.index03box h4 a:hover {
background-color:#4C301E;
}

.index03box img {
float:left;
margin:0 14px 0 0;
}


/* トップページ：制作実績 ------------------------- */

.contentsbox2 {
width:1000px;
}

.contentsbox2 h3 {
margin:0 0 40px 0;
}

.contentsbox2 h3 img {
vertical-align:bottom;
}

#exampl {
width:1000px;
color:#4C301E;
text-align:center;
padding-top:30px;
}


#exampl dl {
width:880px;
margin:0 auto;
}


#exampl dd {
float:right;
width:440px;
text-align:left;
}

#exampl dd p {
font-size:12px;
line-height:1.6;
}

#exampl dd p.genre {
color:#958078;
margin:0 0 8px 0;
}

#exampl dd p.genre img {
vertical-align:bottom;
}

#exampl dd p.catch {
clear:both;
color:#958078;
margin:0 0 4px 0;
}

#exampl dd p.url {
font-size:12px;
}

#exampl dd h3 {
font-size:22px;
font-weight:normal;
color:#4C301E;
line-height:1.0;
margin:0;
}

#exampl dd h4 {
font-size:16px;
font-weight:normal;
color:#E76F81;
line-height:1.4;
margin:20px 0 0 0;
}

#exampl dd ul li {
float:left;
font-size:11px;
color:#FFF;
list-style-type:none;
padding:2px 0;
margin:0 4px 2px 0;
background-color:#F0907A;
text-align:center;
}

#exampl dd ul li.SC01 {width:100px;}
#exampl dd ul li.SC02 {width:100px;}
#exampl dd ul li.SC03 {width:80px;}
#exampl dd ul li.SC04 {width:120px; background-color:#4C301E;}
#exampl dd ul li.SC05 {width:100px;}
#exampl dd ul li.SC06 {width:100px;}
#exampl dd ul li.SC07 {width:100px;}

#exampl dd ul li.SC00a {width:100px;}
#exampl dd ul li.SC00b {width:100px;}
#exampl dd ul li.SC00c {width:100px;}
#exampl dd ul li.SC00d {width:100px;}
#exampl dd ul li.SC00e {width:100px;}
#exampl dd ul li.SC00f {width:100px;}
#exampl dd ul li.SC00g {width:100px;}
#exampl dd ul li.SC00h {width:100px;}


#exampl dd.ddleft {
float:left;
width:400px;
height:300px;
background-image:url(../images/kage.png);
background-repeat:no-repeat;
background-position:bottom;
}

#exampl dd.ddleft p {
width:400px;
height:280px;
overflow:hidden;
}


/* トップページのみのフッター ------------------------- */

#topfooterbg {
clear:both;
margin-top:60px;
background-image:url(../images/top_fbg.jpg);
}

#topfooter {
width:1000px;
margin:0 auto;
padding:20px 0 20px 0;
}

.topfooter_l {
float:left;
width:510px;
}

.facebookbox {
width:520px;
height:258px;
margin:0 0 14px 0;
padding:4px;
background-image:url(../images/bg_menu.jpg);
position:relative;
border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
behavior: url(/PIE.htc);
}

.pronet {
float:left;
margin:0 8px 0 0;
}

.topfooter_l ul li {
float:left;
margin:0 4px 4px 0;
}

.topfooter_l ul li img {
vertical-align:bottom;
}

.topfooter_r {
float:right;
width:440px;
text-align:left;
}

.topfooter_r h4 {
font-size:16px;
color:#EDE3CD;
margin:0 0 14px 0;
}

.topfooter_r h4 span {
color:#4C301E;
margin:0 0 0 10px;
}

.topfooter_r h4 span a {
font-size:10px;
color:#4C301E;
padding:0 8px;
text-decoration:none;
background-color:#EDE3CD;
}

.information {
border-left:3px solid #EDE3CD;
padding:0 0 0 20px;
margin:0 0 2em 0;
}

.information dl {
color:#EDE3CD;
margin:0 0 4px 0;
overflow:hidden;
}

.information dt {
float:left;
width:80px;
font-size:12px;
text-align:left;
}

.information dd {
float:right;
width:330px;
font-size:12px;
text-align:left;
}

.information dd a {
color:#EDE3CD;
}


.linkbox a {
color:#EDE3CD;
border:1px solid #EDE3CD;
padding:0.5em 2em;
text-decoration:none;
}

.linkbox a:hover {
color: #4C301E;
background-color:#EDE3CD;
}

/* footer ----------------------- */

#footer {
clear:both;
color:#4C301E;
margin:16px 0 0 0;
background-image:url(../images/fbg.jpg);
background-repeat:repeat-x;
}

#footermenu {
font-size:12px;
padding:0;
background-image:url(../images/line.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.footermenubox {
width:1000px;
margin:0 auto;
height:55px;
}

#footermenu ul {
float:left;
width:800px;
}

#footermenu ul li {
list-style-type:none;
float:left;
}

#footermenu li img {
vertical-align:bottom;
}

.pagetop {
float:right;
}

.footerbox {
width:940px;
margin:0 auto;
padding:20px 0;
text-align:left;
}

/* footer:二段目 ----------------------- */

#footermenu2 {
font-size:12px;
padding:0;
background-image:url(../images/line.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.footermenu2box {
width:1000px;
margin:0 auto;
padding:14px 0;
text-align:left;
}

.footermenu2box dl {
clear:both;
padding:0 0 0 15px;
margin:0 0 2px 0;
}

.footermenu2box dt {
float:left;
width:120px;
}

.footermenu2box dd {
float:left;
width:600px;
}

.footermenu2box a {
color:#4C301E;
text-decoration:none;
}

.footermenu2box a:hover {
color:#4C301E;
text-decoration:underline;
}


/* footer:三段目 ----------------------- */

.footermenu3box {
width:1000px;
margin:0 auto;
padding:14px 0;
text-align:left;
}

.footeradd {
float:left;
width:450px;
font-size:12px;
line-height:1.4;
padding:0 0 0 15px;
}

.ssl {
float:right;
width:450px;
text-align:left;
font-size:11px;
line-height:1.4;
}

.ssl img {
float:right;
margin:0 0 10px 16px;
}

/* footer:copyright ----------------------- */

#copyright {
clear:both;
font-size:12px;
padding:0;
background-image:url(../images/line.jpg);
background-repeat:repeat-x;
background-position:top;
}

.copyrightbox {
width:1000px;
margin:0 auto;
padding:14px 0;
text-align:right;
}


#spLinkBlockInPc{
	display:none;
}