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





/**********************************
Reset settings  
**********************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
text-align:left;
vertical-align:baseline;
}



a {
color:#383737;
}

a:hover {
color:#000;
}

a img {
text-decoration:none;
}



/**********************************
Basic elements

**********************************/
body {
color:#000;

background: #fff url('img/tartan_4e144848f586a2c9017efb8dc9de114f.png') repeat  0 10px;


font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Lucida,sans-serif;
font-size:100%;

}



a {
color:#383737;
}

a:hover {
color:#000;
}

a img {
text-decoration:none;
}

p {
margin-bottom:18px;
text-align:left;
}

p img {
margin:6px;
}

blockquote {
color:#626262;
font-style:italic;
}

/* Table */
caption,th,td {
font-weight:400;
text-align:left;
}

table,td,th {
vertical-align:middle;
}

table {
margin-bottom:15px;
width:100%;
border-spacing:2px;
}

th {
background:#ebe6e1;
font-weight:700;
}
th {
width:150px;
}

th,td {
padding:4px 10px 4px 5px;
}

tr td {
background:#fef1eb;
text-align:left;
}

/* Lists */
ul,ol {
margin:0 16px 8px;

}

ul {
list-style-type:square;
}

li {
margin-left:14px;
list-style:none;
}


/**********************************
Reset settings  ここまで
**********************************/
h1 {
color:#587f29;
font-size:18px;
font-weight:400;
margin-bottom:8px;
line-height:1;
}

h2 {
color:#d40393;
font-size:18px;
font-weight:400;
margin-bottom:8px;
}


h3{
clear:both;
color:#fd8d97;
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}

h4 {
color:#000;
font-size:15px;
font-weight:bold;
margin-bottom:8px;
}




/**********************************
layout  
**********************************/

#container {
 margin:  10px auto;
 width: 1010px;
 background-color:#fff;
/*
border: 10px solid #A33000;*/
border-top: none;
line-height:1.8;
}

#header {
	width:990px;
	position:relative;
	height: 100px;
}

div#content1 {
   clear: both;
   position: relative;
	float: right;
	 width: 700px;
margin: 0 ;

}
#content-side {
	float: left;
    width: 250px;
}
#footer1 {
	clear: both;
	margin:-1px auto 0;
	
}



/**********************************
Header settings  
**********************************/
#header {

margin:10px auto 0;
	background-image: url(../images/base_img/base_header_bg.gif);

background-color:#F3F2ED;
background:url('img/header-bg.jpg') repeat #fff;
color: #333;
border:none;
}

#header #header-message {
color:#ef5400;
float:right;
font-size:16px;
}

#header #logo {
float:left;
}

#header a {
font-size:25px;
text-decoration:none;
color:#000
}
/**********************************
Menu settings  
**********************************/
/**********************************
glovalnavigation

**********************************/
#glovalnavigation {
position:relative;
top:0px;
background:url('img/globalnavi-bg.gif') repeat #fff;
width:990px;
 height:59px;
 color: #333;
margin: 0px auto;
 
 /* padding: 0; */
padding: 1px 0;
}

#top-menu {
margin:13px auto;
width:990px;
}

#top-menu li {
display:inline;
float:left;
list-style-type:none;
margin-left:15px;
margin-right:20px;
}

#top-menu a {
font-weight:bold;
color:#fff;
font-size:17px;
text-decoration:none;

}

#top-menu a:hover {
color:#ffffcc;
text-decoration:underline;
}

/**********************************
Main content settings  
**********************************/

#wrapper1 {
position:relative;
top:0px;
clear:both;
margin:-1px auto 0;
/* padding: 0; */
padding: 1px 0;
width:990px;
background-color:#fff;

}

#main-left {
 color: #333;

 margin: 0px 0px 20px 0px;

 height: 270px;
 width: 350px;
 float: left;
 background:#fff;
font-size:90%;
}
#news{
background-color:#fff;
padding: 10px 20px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
 height: 350px;
}
#main-left p{
line-height:1.1;
}

#main-left h2  {
width: 290px;
height: 25px;
padding: 7px 0px 0px 20px;
float: left;
text-align: left;
background: url(img/leftbox_top.jpg) repeat-x left top;
font: bold 16px Arial, Helvetica, sans-serif;
color: #fff;
}






/**********************************
メイン右サイド
**********************************/


#side {
 float: right;
 color: #333;

 margin: 0px 0px 0px 0px;
 padding: 10px 20px 10px 10px;
 height: 320px;
 width: 600px;
 display: inline;
 background:#fff;
}

#side h2{
color:#000;
font-weight:bold;
}



#benefit {
 clear: both;
position:relative;
 margin: 0 auto;
width:990px;

color: #333;

 background-color:#F3F2ED;

 padding: 10px;
}
#benefit h2{
width: 940px;
height: 25px;
padding: 7px 0px 0px 20px;
float: left;
text-align: left;
background: url(img/leftbox_top.jpg) repeat-x left top;
font: bold 16px Arial, Helvetica, sans-serif;
color: #fff;}

#benefit-contents{
background-color:#fff;

text-align:left;
width:970px;
height:700px;
padding: 10px;
position:relative;
}


#benefit-contents .feature {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

float:left;
background-color:#eee;
padding-left:10px;
padding-top:10px;
position:relative;
width:225px;
height:350px;
border-right:1px solid red;}



#benefit .feature a {
display:block;
height:300px;
left:0;
 clear: both;
padding:20px 5px 10px;
top:0px;
position:absolute;
text-decoration:none;

width:210px;

margin-top:0px;

border-right:1px solid red;
background-color:#eee;

}

#benefit-contents .feature h3{
color:#000;
z-index:500;
font: bold 14px Arial, Helvetica, sans-serif;
position:relative;
}





#contact {
clear: both;
position:relative;
width:990px;
color: #333;
background-color:#F3F2ED;
 margin:-1px auto 0;
/* padding: 0; */
padding: 1px 0;
width:990px;
}

#contact-contents{
background-color:#fff;
margin-bottom:0px;
text-align:left;
width:970px;

padding: 10px;
position:relative;
}


#contact h2{
color:#000;
border-bottom:1px dotted #66ccff;
}

#contact h3{
color:#000;
z-index:500;
font: bold 14px Arial, Helvetica, sans-serif;
position:relative;
z-index:200;}

#footer1 {
width:990px;
font-size:80%;
}


#footer-contents{
background-color:#fafafa;
margin-bottom:10px;
text-align:left;
width:970px;

padding: 10px;

}


#footer-contents .feature {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

float:left;
height:350px;
padding-left:20px;
padding-top:10px;

width:300px;


}
#footer-contents h2 {
color:#000;
}

#fooer-salesarea{
 clear: both;
 }
/*コンテンツ border: 1px solid #ccc;
*/

#content1 {

color: #333;

 background-color:#F3F2ED;

 padding: 10px;
}
#content1 h2{
width: 650px;
height: 25px;
padding: 7px 0px 0px 20px;
float: left;
text-align: left;
background: url(img/leftbox_top.jpg) repeat-x left top;
font: bold 16px Arial, Helvetica, sans-serif;
color: #fff;}


#content-contents{

background-color:#fff;

text-align:left;
width:680px;

padding: 10px 10px 10px 10px;
position:relative;
left:0px;
line-height:1.8;
}



#content-side {

 color: #333;
 border-left: 1px solid #ccc;
 margin: 0px 0px 10px 0px;

 display: inline;
 background:#fff;
 
 left:0px;
}

/*  左側のナビ  */
#side-navi {
width:250px;
text-align:left;
float:left;
background-color:#f0f1f1;
padding:0px;
}

#side-navi .bgp{
  padding:5px;
  text-align: center;
  margin:0;
  color:#FFFFFF;
  background-color:#99cdf3;
  font-size:12px;
   font-weight:bold;
}

#side-navi  a {
margin:0px;
  width:233px;
  padding:10px 5px 10px 11px ;
 text-decoration:none;
  display:block;
  border-bottom:#bebebe 1px dashed;
border-right:#bebebe 1px solid;
  background:#f0f1f1;
color:#000;
font-size:90%;

}



#side-navi  a:hover {
  background-color:#ededec;
color:#666666;
border-left:solid 5px #45affe;
width:236px;
padding:10px 2px 10px 6px;

}



#content-side #blogarea{
background:#F6F0E0;
 padding: 10px;
}

/**/
.float-left{float:left;}


.center{text-align:center;}

.red{color:red}


/*
ブログ記事　記事リスト

*/
.asset-meta {
border-top:none;
}


/*
価格表

*/


table.price {
	border-collapse:collapse;
	border:solid 1px #8B5927;
background-color:#fff;
}
table.price caption {
color:red;
text-align:right;

}

table.price td {
border:solid 1px #8B5927; 
padding:10px;
width:130px; 
text-align:center;

}

table.price td .red{
text-align:center;
color:red;

}

table.price th {
border:solid 1px #8B5927;
padding:10px; 
color:#000;
font-weight:normal;
width:150px;
text-align:center;
background-color:#FFCD28;
}
table.price th.a {
color:#fff;
width:120px;
background-color:#464646;
border:solid 1px #323232;
}
table.price th.b {
border:solid 1px #323232;
width:120px;
background-color:#dcdcdc;
}

/*
制作の流れ

*/
dt{
margin: 5px 0;
border-bottom:2px dashed #46b2b2;
border-left:6px solid #46b2b2;
padding-left:5px;
font-size:120%;
font-family:"arial black","ＭＳ Ｐゴシック",sans-serif;
color:#8B6331;
font-weight:bold;
}
dd{
margin: 5px 20px 20px 20px;
line-height:1.5em;
text-indent:-1em;}


/*
パンくず

*/
#pankuzu{
font-size:10px;

padding:3px;
}

.red{
color:red;
}

.q{
color:red;
font-weight:bold;

}
#header-name {
background-color:#fff;
color:#f25555;
padding:10px;
}
#header-name a{
background-color:#fff;
color:#f25555;
}