@charset "UTF-8";
/*中西商会ホームページ*/

* {
	margin:0px;
	padding:0px;
	}

html {
	height:100%;
	margin-bottom:1px;
	}

body {
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	background-color:#FFFFCC;
	text-align:center;
	margin:0; padding:0;
	}
/* Mac版safari専用外部スタイルシートの読み込み*/
/*\*/
	html:\66irst-child 
	body{font-size:86%; text-align:center;}
/**/


#wrapper {
	margin:0px auto 15px;
	width:800px;
	text-align:justify;
	}
	
#header {
	margin-top:0px;
	width:800px; height:125px;
	margin-bottom:5px;
	background-image:url(../images/hedder.gif);
	}


/*下段----------------------------------------------------------*/
#container { /*箱*/
	width:800px;
	margin-top:5px;
	overflow:auto;
	}
	
	
/*左----------------------------------------------------------*/
#left {
	 width:165px;
	 height:auto;
	 float:left;
	 background-color:#7BBDC5;
	 }
 
#left .leftbox {
	width:135px;
	margin:10px auto;
	}
	
#left .leftlink1 {
	margin:10px auto; width:135px; height:30px; text-indent:-9877em;
	}
#left .leftlink1 a {
	width:135px; height:30px;
	background-image:url(../images/leftlink1.gif);
	display:block;
	}
#left .leftlink1 a:hover {
	background-image:url(../images/leftlink1D.gif);
	}

#left .leftlink2 {
	margin:10px auto; width:135px; height:30px; text-indent:-9877em;
	}
#left .leftlink2 a {
	width:135px; height:30px;
	background-image:url(../images/leftlink2.gif);
	display:block;
	}
#left .leftlink2 a:hover {
	background-image:url(../images/leftlink2D.gif);
	}
	
	

/*右----------------------------------------------------------*/ 
#right {
	width:630px;
	height:auto;
	float:left;
	margin-left:5px;
	}

/*ナビゲーションはnavi.cssにて*/

/*メイン----------------------------------------------------------*/
#main {
	padding-left:10px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	}
.picture {
	width:auto;
	position:relative;
	}
/**/
* html div#main .picture {
	width:605px;
	}
/**/

#maincontents { /*角丸くん用囲みDIV*/
	margin-top:5px;
	}

#mainbox { /*白背景*/
	background-color:#FFFFFF;
	width:605px;
	padding-top:10px;
	padding-bottom:10px;
	}

.mainbox_news {
	background-color:#FFFFFF;
	width:605px;
	padding-top:10px;
	padding-bottom:10px;
	}

.contentsbox {
	margin-left:7px;
	margin-bottom:5px;
	margin-right:6px;
	}
.contentsbox_news {
	margin-left:7px;
	margin-bottom:5px;
	margin-right:6px;
	background-color:white;
	}

.textbox {
	width:400px;
	float:left;
	}
.textnowidth { /*テキスト垂れ流したい時用*/
	margin-left:10px;
	margin-bottom:10px;
	width:585px;
	_width:570px;
	float:left;
	}
* html .textnowidth { /*IE6*/
	width:570px;
	}
	
.subpic {
	margin-left:10px;
	width:auto;
	float:left;
	}
	
	
/*黄色いボタン*/	
.mainlink {
	width:90px; height:20px; text-align:center; float:left;
	margin-left:10px;
	background-color:#FFCC00;
	}
.mainlink a {
	display:block; text-decoration:none;
	font-weight:normal; color:#330000; font-size:80%; line-height:20px;
	width:90px; height:20px;
	}
.mainlink a:hover {
	background-color:#FF9900;
	}

/* clearfix */
.clearfix{
    zoom:1;/*for IE 5.5-7*/
    position:relative;/*for preview*/
	}
.clearfix:after{/*for modern browser*/
    content: "";
    display: block;
    clear: both;
    height: 0;
	visibility:hidden;
	margin:0; padding:0;
	}
* html .clearfix{
    display:inline-table;
    /**/display:block;/**/
	}
	
/*角丸くん----------------------------------------------------------*/
#maincontents span.rtop, #maincontents span.rbottom {
	display:block;
	background: #7BBDC5;
	}
#maincontents span.rtop span, #maincontents span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #FFFFFF;
	}
#maincontents span.r1{margin: 0 5px;}
#maincontents span.r2{margin: 0 3px;}
#maincontents span.r3{margin: 0 2px;}
#maincontents span.r4{margin: 0 1px;height: 2px;}