/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(http://4-wave.com/kohyanomt4/mt-static/themes-base/blog.css);
@import url(http://4-wave.com/kohyanomt4/mt-static/themes/cityscape-paris/screen.css);
/* end StyleCatcher imports */




/* Layout ----------------------------------------------------------------- */

body {
font-size:12px;
line-height:250%;
background-image:url(images/header/header_bg.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-color:#f7f6f5;
color:#000000;
margin:0px;
}

a {
    color: #043c78; 
}

a:hover {
    color:#990000;
}

a:visited {
    color:#56256e;
}


strong{
font-weight:bold;
font-size:14px;
}

#container-inner {
    width: 920px;
	height:auto;
    margin: 0px auto 0px auto;
	background:none;
}

#header, #content, #alpha, #beta, #gamma, #footer {

}

#alpha, #beta, #gamma {

}

#alpha{
margin:30px 0px 0px 0px;
}

#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {

}

#header-inner, #content-inner, #footer-inner {
margin:0px;
padding:0px;
}

#content{
width:920px;
background:none;
margin:0px;
padding:0px;
}


#content-inner{
width:100%;
height:auto;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
color:#000000;
background-color:#FFFFFF;
color:#000000;
}




#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {

}



/* Thin-Wide-Thin */

.layout-twt #alpha {
left: 200px;
    width: 510px;
    min-height: 500px;
	background:none;
	margin:30px 5px 0px 5px;
}

.layout-twt #beta {
left: -520px;
    width: 200px;
    min-height: 500px;
	margin:10px 0px 0px 0px;
}

#betacontents{
width:200px;
height:auto;
margin:0px 0px 0px 0px;
color:#000000;
}

.layout-twt #gamma {
float:right;
    width: 200px;
    min-height: 500px;
	margin:10px 0px 0px 0px;
}

#gammacontents{
float:right;
width:200px;
height:auto;
margin:0px 0px 0px 0px;
color:#000000;
}




/* Header */

#header {
width:920px;
height:auto;
margin:0px auto 0px auto;
border-style:none;
background-image:none;
background:none;
padding:0px;
}

#header-inner {
width:920px;
height:170px;
line-height:150%;
margin:0px;
padding:0px;
}

#header-name {
float:left;
width:auto;
height:100px;
text-indent:-9999px;
}

#header-name a{
width:163px;
height:107px;
background-image:url(images/header/logo.png);
background-repeat:no-repeat;
display:block;
margin:55px 0px 0px 0px;
overflow:hidden;
}

#header-description {
float:right;
width:auto;
height:auto;
margin:110px 0px 0px 0px;
font-size: 12px;
text-align:center;
color:#000000;  
font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;  
font-weight:normal; 
}

#header a {
text-decoration: none;
color:#043c78;
font-weight:normal;
}

#header a:hover {
color:#000000;
text-decoration: underline;
}




/* navi */

#navi{
width:920px;
height:32px;
margin:15px auto 5px auto;
line-height:150%;
text-align:center;
}

#navi ul{
width:920px;
height:32px;
margin:0px auto 0px auto;
padding:0px;
}

#navi li{
float:left;
text-indent:-9999px;
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
}

#topbtn a{
width:183px;
height:32px;
background-image:url(images/main/home_btn.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
margin:0px 1px 0px 0px;
padding:0px;
}

#topbtn a:hover{
background-image:url(images/main/home_btn_hover.png);
}



#feebtn a{
width:183px;
height:32px;
background-image:url(images/main/fee_btn.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
margin:0px 1px 0px 0px;
padding:0px;
}

#feebtn a:hover{
background-image:url(images/main/fee_btn_hover.png);
}



#worksbtn a{
width:183px;
height:32px;
background-image:url(images/main/works_btn.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
margin:0px 1px 0px 0px;
padding:0px;
}

#worksbtn a:hover{
background-image:url(images/main/works_btn_hover.png);
}


#designbtn a{
width:183px;
height:32px;
background-image:url(images/main/design_btn.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px;
}

#designbtn a:hover{
background-image:url(images/main/design_btn_hover.png);
}




/* navi1 */

#navi1{
float:left;
width:auto;
height:auto;
margin:15px auto 35px auto;
line-height:250%;
text-align:left;
}

#navi1 p{
margin:0px;
padding:0px;
}

#navi1 ul{
width:200px;
height:auto;
margin:0px auto 30px auto;
padding:0px;
display:inline;
}

#navi1 li{
float:left;
width:200px;
list-style-type:none;
margin:0px;
padding:0px;
}

#navi1 a{
width:auto;
height:auto;
background-image:url(images/header/navi_icon.png);
background-repeat:no-repeat;
background-position:0px 5px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 9px;
color:#043c78;
}

ul a{
width:auto;
height:auto;
background-image:url(images/header/navi_icon.png);
background-repeat:no-repeat;
background-position:0px 5px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 9px;
color:#043c78;
}



#navi1 a:hover{
color:#990000;
}

#navi1 a:visited {
    color:#56256e;
}


/* navi2 */

#navi2{
float:left;
width:auto;
height:auto;
margin:5px 0px 5px 39px;
}

#navi2 ul{
margin:0px;
padding:0px;
}

#navi2 li{
list-style-type:none;
margin:0px 10px 0px 0px;
display:inline;
}

#navi2 a{
width:auto;
height:auto;
margin:0px 10px 0px 0px;
color:#043c78;
}

#navi2 a:hover{
color:#000000;
}

#navi2 a:visited {
    color:#56256e;
}


/* navi3 */

#navi3{
float:left;
width:auto;
height:auto;
margin:5px 0px 5px 61px;
}

#navi3 ul{
margin:0px;
padding:0px;
}

#navi3 li{
float:left;
list-style-type:none;
margin:0px 10px 0px 5px;
}

#navi3 a{
width:auto;
height:auto;
background-image:url(images/header/navi_icon.png);
background-repeat:no-repeat;
background-position:0px 3px;
padding:0px 0px 0px 15px;
}

#navi3 a:visited {
    color:#56256e;
}


#inquiry{
margin:0px 0px 0px 0px;
}




/* Widget ----------------------------------------------------------------- */

.layout-twt #content-inner {
background:none;
 }




.widget a,
.archive-widget .widget-list .item {
    color: #0068b7;
} 

.widget-header {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: bold; 
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; 
    background: url(widget-header.gif) repeat top left #9dd4b4; 
}  
.widget .widget-header {
    border-left: 1px solid #fff;
}

.layout-tw .widget .widget-header {
    border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
    border: 0;
}

.embed-asset-widget .widget-header {
    margin-bottom: 10px;
}  
.widget-header,
.widget-header a {
    text-decoration: none;
    color: #fff;
}

.widget-header .edit a {
    border-left-color: #fff
} 
.widget .widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    padding: 0 15px;
}

.media-stream-widget img {
    border: 1px solid #999;
} 
.widget-header .edit a,
.archive-widget .widget-list .item a,
.archive-widget .widget-list .item {
    font-weight: normal;
} 

.widget-header {
    font-size: 14px;
}

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}


/* Footer Widgets */

#footer .widget {
    margin: 10px 0;
}

#footer .widget-content {
    padding-right: 0;
    padding-left: 0;
	height:150px;
}

#footer .widget-powered .widget-content {
    padding: 0;
    text-align:center;
}


/* Footer ----------------------------------------------------------------- */

#footer { 
background-image:url(../images/footer/footer_bg.png);
}

#footer a{
color:#FFFFFF;
margin:0px;
padding:0px;
}

#footer a:visited{
color:#bcbace;
}

#footer-content {
width:920px;
height:auto;
margin:20px auto 0px auto;
text-align:left;
}

#footer-content ul{
float:left;
width:300px;
height:300px;
text-align:left;
margin:0px;
padding:0px;
list-style-type:none;
}

#footer-content li{
margin:0px;
padding:0px;
list-style-type:none;
}

#footer-content a{
margin:0px;
padding:0px;
}


#footeralpha{
float:left;
width:300px;
height:auto;
text-align:left;
}

#footerbeta{
float:left;
width:300px;
height:auto;
text-align:left;
}



/* Utilities ----------------------------------------------------------------- */

#content-inner:after {
    content: "";
    display:block;
    visibility:visible;
    clear: both;
    height:auto;
    font-size: 0.1em;
    line-height:normal;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */




/* ブロック ----------------------------------------------------------------- */

#newsblock{
float:right;
width:auto;
min-height:190px;
padding:0px 0px 0px 0px;
margin:15px 0px 0px 10px;
line-height:150%;
}

#newsblock a{
color:#043c78;
}

#newsblock a:hover{
color:#990000;
}

#newsblock a:visited {
    color:#56256e;
}



#newsblock ul{
list-style:none;
margin:0px;
padding:0px;
display:block;
}

#newsblock li{
list-style:none;
}

.sankaku{
font-size:10px;
}

#mainblock{
width:auto;
height:auto;
margin:0px auto 0px auto;
padding:0px;
}

#vali{
float:left;
width:100px;
height:100px;
padding:0px 0px 0px 0px;
margin:40px 0px 0px 0px;
}


/* プランボタン ----------------------------------------------------------------- */

#planbtn{
float:right;
width:200px;
height:auto;
padding:0px 0px 0px 0px;
margin:15px 0px 30px 0px;
}

#planbtn ul{
list-style:none;
margin:0px;
padding:0px;
display:block;
}

#planbtn li{
list-style:none;
text-indent:-9999px;
}

#planbtn a{
width:194px;
height:58px;
display:block;
overflow:hidden;
margin:0px 0px 2px 0px;
}

#plana a{
background-image:url(../images/side/planbtn.png);
background-repeat:no-repeat;
background-position:0px 0px;
}

#plana a:hover{
background-position:-195px 0px;
}

#planb a{
background-image:url(../images/side/planbtn.png);
background-repeat:no-repeat;
background-position:0px -62px;
}

#planb a:hover{
background-position:-195px -62px;
}

#planc a{
background-image:url(../images/side/planbtn.png);
background-repeat:no-repeat;
background-position:0px -122px;
}

#planc a:hover{
background-position:-195px -122px;
}


/* メインコンテンツ ----------------------------------------------------------------- */

.asset-footer {
    border-top:none;
}

.asset-meta {
margin:50px 0px 0px 0px;
    border-top:none;
}

#mainimage{
width:398px;
height:200px;
text-indent:-9999px;
overflow:hidden;
background-image:url(images/top/mainimage.png);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 30px 0px;
}

#maintext{
width:430px;
height:auto;
text-align:left;
margin:30px 0px 0px 20px;
line-height:180%;
}

#contents-abc{
line-height:180%;
}

#planbar{
width:100%;
height:auto;
padding:5px 0px 5px 10px;
text-align:left;
background-color:#942343;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:100%;
margin:35px 0px 15px 0px;
}

.bigfee{
font-size:18px;
font-weight:normal;
color:#990000;
}

.attention{
color:#990000;
}

#page-title{
font-size:16px;
color:#000000;
font-weight:normal;
}


/* デザイナープロフィール ----------------------------------------------------------------- */

#hometitle{
width:400px;
height:30px;
background-image:url(images/top/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}


#profiletitle{
width:400px;
height:30px;
background-image:url(images/profile/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#abctitle{
width:400px;
height:30px;
background-image:url(images/abc/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#contacttitle{
width:400px;
height:30px;
background-image:url(images/contact/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#designtitle{
width:400px;
height:30px;
background-image:url(images/design/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#flowtitle{
width:400px;
height:30px;
background-image:url(images/flow/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#movietitle{
width:400px;
height:30px;
background-image:url(images/movie/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#profiletitle{
width:400px;
height:30px;
background-image:url(images/profile/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#seotitle{
width:400px;
height:30px;
background-image:url(images/seo/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#workstitle{
width:400px;
height:30px;
background-image:url(images/works/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#feetitle{
width:400px;
height:30px;
background-image:url(images/fee/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#selftitle{
width:400px;
height:30px;
background-image:url(images/self/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#searchsystemtitle{
width:400px;
height:30px;
background-image:url(images/searchsystem/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#businesstitle{
width:400px;
height:30px;
background-image:url(images/business/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}

#oriprotitle{
width:400px;
height:30px;
background-image:url(images/oripro/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}


#newshoptitle{
width:400px;
height:30px;
background-image:url(images/newshop/title.png);
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0px 40px 0px;
}



/* 制作プラン　ABC ----------------------------------------------------------------- */
#planbar{
color:#000000;
font-weight:normal;
margin:30px 0px 0px 0px;
height:auto;
width:420px;
background-color:#FFFFFF;
border:#67B5B7 1px solid;
border-left:#67B5B7 5px solid;
padding:5px 0px 5px 10px;
}

#menuimage{
width:354px;
height:244px;
text-indent:-9999px;
overflow:hidden;
background-image:url(images/abc/menu-a.png);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
}

#menuimage2{
width:354px;
height:244px;
text-indent:-9999px;
overflow:hidden;
background-image:url(images/abc/menu-b.png);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
}

#menuimage3{
width:354px;
height:244px;
text-indent:-9999px;
overflow:hidden;
background-image:url(images/abc/menu-c.png);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
}