/* ここからトップページと各ブログ共有のCSS*/

body {
	color: #000000;
	font-size: 11px;
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
	margin-top: 0;
	background:#fff url("http://www.e-cmd.com/newimages/back.jpg") repeat-x;
}

a:link {
	color: #000000;
}

a:active {
	color: #000000;
} 

a:visited {
	color: #000000;
} 

a:hover {
	color: #000000;
}


br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

/* -----------------
-------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は900pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */
 

/*ページ全体の幅、レイアウトをセンタリング*/
.container {
	margin:0px auto;
	width:900px;

}



/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {
	text-align:left;
	margin-bottom:5px;
}
#title{
	text-align:left;
}

#cmd{
	height:63px;
	float:left;
	text-align:left;
	width:60%;
	
}

#pagenavi{
	height:63px;
	float:right;
	text-align:right;
	color:#787878;
	width:40%;
	

}





/*leftとmainを囲む*/
.wrapper {
 width:700px;
 float:left;
}

/*　画面左側メニューの幅　*/

.left {
	float: left;
	width:200px;
	text-align:left;	
}


.main {
	float: right;
	width:500px;
	text-align:left;	
}

.topss {
	font-size: 10px;
	
}


.topa {
	float: left;
	width:340px;
}

.topb {
	float: right;
	width:150px;
	text-align:left;
}

.topc {
	float: left;
	width:165px;
}

.topd {
	float: right;
	width:165px;

}






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






#footer {
	width: 900px;
	height: 50px;
	clear: both;
	background-image: url(http://www.e-cmd.com/images/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin: 0 auto;
	text-align:center;
}

#footer li {
	display: inline;
	border-left: 1px solid #FFF;
	padding: 0 10px;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 5px;
}

#footer li a{
    color: #FFFFFF;
}	

#footer li a:hover{
    color: #CCCCCC;
}	

.copyright{
    color:#333333;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
}	 




#logo {
    margin:0 0 0 0;
}

#globalNav {
    margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	width: 900px;
	height: 31px;
    list-style-type: none;
    background: #ffffff url(http://www.e-cmd.com/images/global_nav_bg.gif) repeat-x;
}

#globalNav li {
    float: left;
	margin-left: 0;
	padding-left: 0;
    margin-top: 0;
    width: 100px;
}

#globalNav li a {
    margin-top: 0;
    display: block;
	width: 100px;
    overflow: hidden;
    height: 0 !important;
	height /**/: 31px;
	padding-top: 31px;
	margin-left: 0;
	padding-left: 0;
    background-image: url(http://www.e-cmd.com/newimages/newnavi.gif);
    color: #FFFFFF;
}



/*  背景画像の位置

---------------------------------------------*/

	

	/* 通常 */

#nav01 a { 
    background-position:  0     0; 
}

#nav02 a { 
    background-position: -100px  0; 
}
	
#nav03 a { 
    background-position: -200px 0; 
}

#nav04 a { 
    background-position: -300px 0; 
}

#nav05 a 
    { background-position: -400px 0; 
}

#nav06 a { 
    background-position: -500px 0; 
}

#nav07 a { 
    background-position: -600px 0; 
}
	
#nav08 a { 
    background-position: -700px 0; 
}

#nav09 a { 
    background-position: -800px 0; 
}




	

	/* 現在位置 */

#nav01 a.stay { 
    background-position:  0     -62px; 
}

#nav02 a.stay { 
    background-position: -100px -62px; 
}

#nav03 a.stay { 
    background-position: -200px -62px; 
}

#nav04 a.stay { 
    background-position: -300px -62px; 
}

#nav05 a.stay { 
    background-position: -400px -62px; 
}

#nav06 a.stay { 
    background-position: -500px -62px; 
}

#nav07 a.stay { 
    background-position: -600px -62px; 
}
	
#nav08 a.stay { 
    background-position: -700px -62px; 
}
	
#nav09 a.stay { 
    background-position: -800px -62px; 
}



	/* オンマウス */

#nav01 a:hover { 
background-position:  0     -31px; 
}

#nav02 a:hover { 
    background-position: -100px  -31px; 
}

#nav03 a:hover { 
    background-position: -200px -31px; 
}

#nav04 a:hover { 
    background-position: -300px -31px; 
}

#nav05 a:hover { 
    background-position: -400px -31px; 
}

#nav06 a:hover { 
    background-position: -500px -31px; 
}

#nav07 a:hover { 
    background-position: -600px -31px; 
}
	
#nav08 a:hover { 
    background-position: -700px -31px; 
}
	
#nav09 a:hover { 
    background-position: -800px -31px; 
}
	
	
	/* 左カラム*/
	
#leftnavi{
    width: 190px;
	height: 1300px;
	float: left;
	margin-top: 5px;
	text-align: left;
}

	
	
#left3Nav {
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    width: 190px;
    height: 172px;
    list-style-type: none;
    background: #ffffff url(http://www.e-cmd.com/images/global_nav_bg.gif) repeat-x;
}

#left3Nav li {
    float: left;
	margin-left: 0;
	padding-left: 0;
    margin-top: 0;
    height: 43px;
}

#left3Nav li a {
    margin-top: 0;
    display: block;
	height: 43px;
    overflow: hidden;
    height: 0 !important;
	height /**/: 43px;
	width: 190px;
	padding-top: 43px;
	margin-left: 0;
	padding-left: 0;
    background-image: url(http://www.e-cmd.com/images/left03.jpg);
    color: #FFFFFF;
}
	
	/*  背景画像の位置

---------------------------------------------*/

	

	/* 通常 */

#nav31 a { 
    background-position:  0     0; 
}

#nav32 a { 
    background-position:  0 -43px; 
}

#nav33 a { 
    background-position:  0 -86px; 
}

#nav34 a { 
    background-position:  0 -129px; 
}

#nav35 a { 
    background-position:  0 -172px; 
}

	

	/* 現在位置 */

#nav31 a:hover { 
    background-position:  -190px     0; 
}

#nav32 a:hover { 
    background-position:  -190px -43px; 
}

#nav33 a:hover { 
    background-position:  -190px -86px; 
}

#nav34 a:hover { 
    background-position:  -190px -129px; 
}

#nav35 a:hover { 
    background-position:  -190px -172px; 
}

	
	
	
	

   
   /* 左カラム終わり*/
   
#content {
    width: 500px;
    float: left;
    text-align: left;
}
   
#content2 {
    width: 494px;
    float: right;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
	border-style: solid;
    border-color: #dddddd;
    border-width: 1px;
	padding:2px;
	margin-bottom:10px;
}
    
#content2 .class1 {
    width: 343px;
    float: left; 
    margin-right: 10px;  
}
   
#content2 .class1 #photo{
    width: 100px;
    float: left;
}

#content2 .class1 #text{
    width: 200px;
    float: left;
    padding-top: 15px;
}

#content2 .class2 {
    width: 343px;
    float: left;
}
   
#content2 .class2 #photo{
    width: 100px;
    float: left;
}

#content2 .class2 #text{
    width: 200px;
    float: left;
    padding-top: 15px;
}

#content3 {
    width: 700px;
    float: right;
    margin-top: 5px;
    text-align: left;
   }
#content3 .update {
    width: 342px;
    float: left;
    margin-top: 5px;  
}

.update #feed {
    width: 342px;
    margin-top: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #000000; 
} 
  
#content3 .news {
    width: 342px;
    float: right;
    margin-top: 5px;  
}

.news #feed {
    width: 342px;
    margin-top: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #000000; 
}   

#content3 .closeup {
    width: 342px;
    float: left;
    margin-top: 5px;
    clear: both;
}
.closeup #feed {
   width: 342px;
   margin-top: 0;
   border-style: solid;
   border-width: 1px;
   border-color: #000000; 
}
 
#content3 .customer { 
   width: 342px;
   float: right;
   margin-top: 5px;  
} 
   
.customer #feed {
   width: 342px;
   margin-top: 0;
   border-style: solid;
   border-width: 1px;
   border-color: #000000; 
}  
 
#content4 {
   width: 700px;
   float: right;
   margin-top: 5px;
   text-align: left;
}
   
#content5 {
   width: 700px;
   float: right;
   margin-top: 5px;
   text-align: left;  
  
}   

 .three1{
	width: 230px;
	margin-right: 5px;
	float:left;

	background-color: #dddddd;
}

 .three2{
	width: 230px;
	margin-right: 5px;
	float: left;

	background-color: #dddddd;
}

 .three3{
	width: 230px;
	float: left;

	background-color: #dddddd;
}


.lleft{
	width: 345px;
	float: left;
	clear: both;
	margin-right: 10px;

	
}

.rright{
	width: 345px;
	float: right;
}












  
.style1 {
   font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
   font-size: 11px;
   line-height: 1.4;
   padding-left: 5px;
}

.style2 {
   font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
   font-size: 11px;
   line-height: 1.4;
   padding-left: 20px;
}     


h1 {
   font-size: 11px;
   text-align: left;
   color:#787878;
   margin-top: 0;
   margin-bottom: 0;
   
}


h2 {
   font-size: 11px;
   margin-top: 0;
   margin-bottom: 0;

}

#top {
   color:#787878;
}

#nav_items {
   height: 25px;
}

#nav_items {
   height: 25px;
}

#nav_shopping {
	height: 25px;
}

#nav_service {
	height: 25px;
}
	 
#nav_site {
	height: 25px;
}
	 

#nav_ssl {
	height: 25px;
}
h3 {
  	color: #000000;
	font-size: 11px;
	font-weight: normal;
	margin:0px 0px 0px 0px;
}
  
.style{
    margin-top: 4px;
	margin-bottom: 3px;
	font-size: 12px;
	text-align: left;
	background-image: url(http://www.e-cmd.com/images/blogtitleback.jpg);
	float: left;
	width: 500px;
	height: 23px;
}	
	
ul{
padding:0px;
margin:0px;
}
li{
margin:0px;
list-style-type:none;
list-style-position:outside;
}

	
	/* ここまでトップページと各ブログ共有のCSS*/
	
	
	
	
	/* ここから各ブログ特有のCSS */

	
	

/* ここからCloseupとRankのCSS */

#content .box1{
	width: 340px;
	float: left;
	padding-left: 20px;
	border-right-color: #dddddd;
	border-right-style: solid;
	border-right-width: 1px;
}

#content .box2{
	width: 320px;
	float: right;
}

.content {
    width: 700px;
    float: right;
    margin-top: 5px;
    text-align: left;
}



#content .full{
	width: 700px;
	height: 50px;
	background-color: #dddddd;
}

#content .threea{
	width: 230px;
	margin-right: 5px;
	float:left;


}

#content .threeb{
	width: 230px;
	margin-right: 5px;
	float: left;


}

#content .threec{
	width: 230px;
	float: left;


}

#content .left{
	width: 348px;
	float: left;
	clear: both;
	margin-right: 4px;

}

#content .right{
	width: 348px;
	float: right;

}

#content .fivea{
	width: 136px;
	float: left;
	margin-right: 5px;
	clear: both;

	background-color: #dddddd;
}

#content .fiveb{
	width: 136px;
	float: left;
	margin-right: 5px;
	background-color: #dddddd;
}

#content.fivec{
	width: 136px;
	float: left;
	margin-right: 5px;

	background-color: #dddddd;
}

#content .fived{
	width: 136px;
	float: left;
	margin-right: 5px;
	height: 50px;
	background-color: #dddddd;
}

#content .fivee{
	width: 136px;
	float: left;
	height: 50px;
	background-color: #dddddd;
}

#content .left390{
	clear: both;
	float: left;
	width: 390px;
	margin-right: 10px;
	height: 50px;
	background-color: #dddddd;
}

#content .right300{
	float: right;
	width: 300px;
	height: 50px;
	background-color: #dddddd;
}

#content .left300{
	clear: both;
	float: left;
	width: 300px;
	margin-right: 10px;
	height: 50px;
	background-color: #dddddd;
}

#content .right390{
	float: right;
	width: 390px;
	height: 50px;
	background-color: #dddddd;
}

#content .left200{
	clear: both;
	float: left;
	width: 200px;
	margin-right: 10px;
	height: 50px;
	background-color: #dddddd;
}

#content .right490{
	float: right;
	width: 490px;
	height: 50px;
	background-color: #dddddd;
}

#content .left490{
	clear: both;
	float: left;
	width: 490px;
	margin-right: 10px;
	height: 50px;
	background-color: #dddddd;
}

#content .right200{
	float: right;
	width: 200px;
	height: 50px;
	background-color: #dddddd;
}

.hstyle2{
    margin-top: 5px;
	margin-bottom: 0;
	font-size: 11px;
	text-align: left;
}	

.style4 {
	font-family: sans-serif,MS PGothic,ゴシック,HGゴシック, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 1.5;
}
	   	
/* ここまでCloseupとRankのCSS */

/* ここからCustomerのCSS */
#customer {
    width: 510px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
}       
   
#customer .customer1 {
	width: 160px;
	float: left;
	height: 360px;
	margin-top: 10px;
	margin-left: 0;
	background-color: #dddddd;
}

#customer .customer2 {
	width: 160px;
	float: left;
	height: 360px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #dddddd;
}

#customer .customer3 {
	width: 160px;
	float: left;
	height: 360px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #dddddd;
}  

#backnumber {
   width: 190px;
   height: 320px;
   float: right;
   color: #666666;
   margin-top: 9px;
   text-align: left;
}  

#contentcustomer2 {
   width: 700px;
   float: right;
   margin-top: 5px;
   text-align: center;
}
   
#contentcustomer3 {
   width: 700px;
   float: right;
   margin-top: 5px;
   text-align: left;
}      
/* ここまでCustomerのCSS */

/* ここからNewsとUpdateのCSS */

#content .class1 {
   width: 500px;
   float: left;
   margin-top: 10px;
   margin-right: 10px;
   color: #000000;
}   

#content .class2 {
   width: 190px;
   height: 300px;
   float: right;
   margin-top: 11px;
   color: #666666;
   text-align: left;
}  

/* ここまでNewsとUpdateのCSS */





.itembox1 {
text-align:center;
border:1px solid;
border-color:#dddddd;
margin-left:1px;
margin-bottom:1px;
padding:1px;
width:78px;
height:100px;
font-size: 9px;
float:left;

}


.next{
float:right;
font-size: 20px;

}

.sidebox {
text-align:left;
border:1px solid;
border-color:#dddddd;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
padding:1px;
width:186px;
float:left;
background-image: url(http://www.e-cmd.com/images/sidebox.jpg);

} 

.sidebox2 {
text-align:left;
border:1px solid;
border-color:#dddddd;
margin-top:0px;
margin-left:0px;
margin-bottom:5px;
padding:1px;
width:186px;
float:left;
background-image: url(http://www.e-cmd.com/images/sidebox2.jpg);

} 


#sidebox2 li{
margin-left: 10;
list-style-type:none;


}

.message{
margin-left: 20px;

}

.sidemessage {
	font-size: 10px;
    width: 184px;
    float: right;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    border-style: solid;
    border-color: #dddddd;
    border-width: 1px;
	padding:2px;
	margin-bottom:5px;
}


.rankbox1 {
text-align:center;
border:1px solid;
border-color:#787878;
margin-left:2px;
margin-bottom:2px;
padding:0px;
width:95px;
height:110px;
float:left;

}

.king

#king a { 
border:1px solid;
border-color:#dddddd;
}
	
#king a:hover { 
border:1px solid;
border-color:#666666;
}


.textr{

 	color: #787878;
	text-align: right;
   } 
   
.textl{
	text-align: left;
   } 
   








　　　　　/* ここまで各ブログ特有のCSS */