/****************************************************

*css

****************************************************/



*{

margin: 0;

padding: 0;

}



body{

color:#000;

background: #fff;

font-size: 80%;

text-align:center;

line-height: 150%;

font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;

word-break: break-all;

}



ul, li{

list-style-type: none;

}



img{

border: none;

}



a{

color: #000;

text-decoration: none;

}



a:hover{

color: #000;

text-decoration: none;;

}



a:visited{

color: #000;

text-decoration: none;

}



/********************* default parts ***********************/



.l{

float: left;

margin-right: 10px;

}



.r{

float: right;

margin: 0px;

}



.tRight{

text-align: right;

}



.tCenter{

text-align: center;

}



.cb{

clear:both;

}



/********************* layout ***********************/



#shade{

width:751px;

background-color:#fff;

background:url(/images/main_bg.jpg) repeat-y;

margin-left: auto;

margin-right: auto;

text-align: center;

}



#body{

width: 717px;

margin-left: auto;

margin-right: auto;

text-align: left;

background: #fff;

}



#header {

text-align: left;

width:717px;

padding-top:9px;

}



#content{

text-align: left;

margin:10px;

padding: 0px;

}



#main{

float: right;

width: 550px;

}



#sidemenu{

float: left;

width: 140px;

text-align:left;

margin-bottom:9px;

}



#footer{

width: 717px;

height: 48px;

margin-left: auto;

margin-right: auto;

padding: 0px;

background:url(/images/footer_bg.jpg) repeat-x #ccc;

clear: both;

position: relative;

}



/********************* header ***********************/



#header h1{

font-size: 90%;

color: #CCC;

float: left;

margin-bottom: 7px;

margin-left: 5px;

position: relative;

}



#header p.headerLogo{

float: right;

margin-bottom: 7px;

margin-top: 5px;

margin-right: 3px;

}



/*********************main H tags***********************/



#main h3{

font-size: 100%;

padding: 0px;

margin-bottom: 10px;

}



#main h3.whatsnew{

color: #EF1B27;

border-bottom: solid 5px #dfd7d4;

}



#main div.mainTitle{

margin-bottom: 10px;

}



#main h3.topics{

position: relative;

color: #0196DA;

padding-top:  5px;

padding-bottom: 2px;

margin: 0px 0px;

border-bottom: 5px solid #dfd7d4;

height: 1.2em;

}



#main h3 span{

position: absolute;

top: 5px;

right: 0px;

color: #000;

font-size: 80%;

}



/*********************main ul , dl***********************/



#main ul{

padding-left: 15px;

margin-bottom: 10px;

}



#main ul li{

line-height: 140%;

padding: 0.2em 0px;

border-bottom: 1px solid #DFD7D5;

}



#main ul li a{

padding: 0.3em 0px;

padding-left: 0.5em;

display: block;

}



#main ul li a:hover{

text-decoration: underline;

}



#main dl.topics{

padding: 0px 15px;

margin: 0px;

clear: both;

}



#main dl.topics dt{

color: #0196DA;

}



#main dl.topics dd{

padding-bottom: 0.3em;

}



#main dl.topics dd a:hover{

text-decoration: underline;

}



#main p{

margin-bottom: 10px;

}



/********************* sidemenu ***********************/



#sidemenu h2{

font-size: 90%;

padding: 0.2em;

margin-bottom: 5px;

border: 1px solid #CBC1BF;

background: url(/images/sidemenuH2Back.jpg) repeat-x #DDD5D2;

}



#sidemenu ul{

margin-bottom: 5px;



}

#sidemenu p{

margin-left: 3px;

margin-bottom: 15px;

}



#sidemenu ul li{

padding: 0px;

padding-left: 0.2em;

line-height: 140%;

margin-bottom: 0.2em;

border: 1px solid #E2DDDA;

background: url(/images/sidemenuListBack.jpg) repeat-x #F4F0ED;

}



#sidemenu ul li a{

font-size: 80%;

width: 90%;

padding: 0.2em;

display: block;

padding-left: 10px;

text-decoration: none;

background: url(/images/sidemenuListAllow.gif) no-repeat left 0.5em;

}



#sidemenu  a:hover{

text-decoration:underline;

}



/********************* footer ***********************/



#footer p.footerLeft{

position: absolute;

left: 21px;

top: 11px;

}



#footer p.footerRight{

padding-right: 21px;

padding-top: 11px;

text-align: right;

}



#footer p.footerRight span a{

margin-right: 8px;

}



#footer a:hover{

text-decoration: underline;

}

/********************* solution ***********************/

midashi {
	padding: 5px 5px 3px;
	background-color: #FAFAFA;
	border-left: 5px #22FF99 solid;
	border-bottom: 1px #DEDEDE solid;
}

/********************* 企業理念 ***********************/

.kyocho_red{color:red;font-weight:bold;}

.rinen_1{padding:20 20 20 20;
      background:white;
     border: #cc3300 1px dashed;}


