/* CSS Document */
@charset "UTF-8";

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

.clearfix {
  min-height: 1px;
}

img { -ms-interpolation-mode: bicubic; }

/* Hides from IE5-mac \*/


* html .clearfix, * html #navigation { height:1px; }


* html .rightshadow, * html .leftshadow, * html ul{
behavior: expression(IEPNGFIX.fix(this));
}


/* End hide from IE5-mac */

.rightshadow {
	background:url(http://www.himawari-office.net/shop/img_1/back_right.png) repeat-y ;
}

.leftshadow {
	background:url(http://www.himawari-office.net/shop/img_1/back_left.png) repeat-y ;
}

body {
	margin:0;
	padding:0;
	background:url(http://himawari-office.net/shop/img_1/back.gif);
	height:auto;
	color:#555555;
	font-size:12px;
	font-family :"メイリオ",meiryo,Georgia,;
	line-height :150%;
　　}

a:link{
	color: #555555;
	text-decoration: none;
}
a:visited{
	color: #555555;
	text-decoration: none;
}
a:hover{
	color: #FF4E00;
	text-decoration: underline;
	position:relative;top:0px;left:0px;
}
/* Head */

#navigation {
	width:900px;
	padding:0;
	margin:0; 
}

#navigation li {
	padding:0;
	margin: 0; 
	line-height:130%;
	list-style:none;
	float:left;
	}
	
a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6,a.menu7 {
background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat 0px 0px
	margin:0;
	padding:0;
	display:block;
	height:45px;
	text-indent:-9999em;
	text-decoration:none;
}

a.menu1 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat 0px 0px ;
	width:125px;
	}
a.menu1:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat 0px -45px ;
	width:125px;
	}
a.menu2 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -125px 0 ;
	width:129px;
	}
a.menu2:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -125px -45px ;
	width:129px;
	}
a.menu3 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -254px 0 ;
	width:129px;
	}
a.menu3:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -254px -45px ;
	width:129px;
	}
a.menu4 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -383px 0 ;
	width:129px;
	}
a.menu4:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -383px -45px ;
	width:129px;
	}
a.menu5 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -512px 0 ;
	width:129px;
	}
a.menu5:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -512px -45px ;
	width:129px;
	}	
a.menu6 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -641px 0;
	width:129px;
	}
a.menu6:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -641px -45px;
	width:129px;
	}
a.menu7 {
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -770px 0;
	width:130px;
	}
a.menu7:hover{
	background:url(http://himawari-office.net/shop/img_1/head_menu.gif) no-repeat -770px -45px;
	width:130px;
	}

hr{
  color: #4a404a; 
  background-color: #4a404a; 
  height: 1px;
  border: 1px;
  border-style: dotted; 
}

/* list */

ul {
margin: 0 0 0 2em;
padding: 0;
list-style: url(http://www.himawari-office.net/shop/img_1/mk-golink.png);
}

ol {
	padding:10px 10px 10px 40px;
	margin:10px;
	border:1px solid #cccccc;
}

li {
	margin-bottom:6px;
	text-align:left;
}


dt  {
text-align:left;
font-size:12px;
font-weight:bold;
color:#FD7436;
border-bottom: dotted 1px #cccccc;
margin: 0 0 3px 4px;
padding: 0;
      }
      
dd {
text-align:left;
padding: 0;
margin: 0 0 0 10px;
      }
	  
.system {
	margin: 0px;
	padding: 5px 5px 5px 10px;
	text-align:left;
	line-height: 130%;
	font-size:10px;
}

.plain_bold{
margin: 4px 0 0 5px;
font-size:12px;
font-weight:bold;
}
.small{
font-size:9px;
}

.impact{
text-align:left;
margin: 4px 0 0 0;
font-size:12px;
font-weight:bold;
color:#FD7436;
}

.s_price{
font-size:12px;
font-weight:bold;
color:#FF3309;
}

.m_title {
margin: 0;
font-weight:bold;
color:#FF6100;
}

.white_bold {
margin: 0;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

.menu_body {
font-size:11px;
line-height: 150%;
margin: 0;
}

.box{
margin: 0;
padding: 0px 0px 3px 0px;
vertical-align:top;
}

.ar_box{
font-size:11px;
}

.howtobox{
margin: 0;
padding: 0px 6px 0px 6px;
}
h1 {
	font-size:11px;
	font-weight:bold;
}
h2 {
	font-size:11px;
}
.u_3 {
	margin:0px;
	padding-top:0px;
	padding-bottom:3px;
}