@charset "UTF-8";

/* タイトル
--------------------------------------------------------------------*/
#maincontents h2#c-detail {
	background: #ffffff url('../images/sheader_about2.jpg') no-repeat left top;}
#maincontents h2#c-founder2 {
	background: #ffffff url('../images/sheader_profile3.jpg') no-repeat left top;}
#maincontents h2#c-accomplish {
	background: #ffffff url('../images/sheader_founder2.jpg') no-repeat left top;}
#maincontents h2#c-represent {
	background: #ffffff url('../images/sheader_representative2.jpg') no-repeat left top;}
#maincontents h2#c-access {
	background: #ffffff url('../images/sheader_access3.jpg') no-repeat left top;
}
#maincontents h2#c-policy {
	background: #ffffff url('../images/sheader_policy2.jpg') no-repeat left top;
}
#maincontents h3#sakurai {
	background: #ffffff url('../images/h3_sprofile.gif') no-repeat left top;
}


#maincontents .content p {
	margin: 10px 15px;
}

#maincontents .content dl {
	margin: 15px 12px 15px 18px;
	line-height: 1.5em;
}
#maincontents .content dl dd ul {
	margin: 5px 0 5px 0;
	line-height: 1.5em;
}


/* 会社概要
--------------------------------------------------------------------*/
#about {
	margin: 5px 5px 5px 5px;
	width: 580px;
}
#about tr {
	border-bottom: 1px solid #dddddd;
}
#about tr.none {
	border-bottom: none;
}

#about th {
	padding: 5px 3px;
	width: 120px;
	font-size: 93%;
}
#about td {
	padding: 1px 3px;
	width: 450px;
	font-size: 93%;
	line-height: 1.4em;
}





#about td ul {
	line-height: 1.6em;
	list-style: square outside;
}
#about td ul li {
	padding:0 0 0 0.1em;
	text-indent: 0em;
}
#about td.img {
	width: 210px;
}
#about td.img img {
	margin-left: 5px;
	vertical-align: -150px;
}

/* 派生ページ--------------------------------------------------------------------*/
#about2 tr {
		}
#about2 th {
		}


#about2 td.1 {
	padding: 2em 2em;
	width: 15%;
	}
#about2 td.2{
	padding: 2em 2em;
	width: 20%;
	}
#about2 td.3{
	padding: 2em 2em;
	width: 40%;
	}
#about2 td.4{
	padding: 2em 2em;
	width: 20%;
	}
#about2 td.5{
	padding: 2em2em;
	width: 5%;
	}

/* フォントサイズに関するCSS
--------------------------------------------------------------------*/
span#font1{line-height:1.8em;
           font-size:75%;}
span#font2{line-height:1.8em;
           font-size:85%;}
span#font3{line-height:1.8em;
           font-size:95%;}
span#font4{line-height:1.8em;
           font-size:98%;}
span#font5{font-size:100%;}
span#font6{font-size:110%;}
span#font7{font-size:120%;}
span#font8{font-size:130%;}
span#font9{line-height:1.8em;
          font-size:80%;}
span#font10{font-size:105%}
span#font11{line-height:1.8em;
          font-size:90%;}

/* インデント,行間に関するCSS
--------------------------------------------------------------------*/
span#astyle1{
    text-indent:1em;
　　line-height:1.3;
    font-size:90%;}
span#astyle2{
    line-height:2.0;
    font-size:95%;
    text-align:center;
    letter-spacing:0.5em;}
span#astyle3{
    line-height:1.0;
    font-size:85%;}
span#astyle4{
  　 line-height:1.0;
    font-size:80%;
    text-align:center;}
span#astyle5{
    text-indent:1em;
　　}

/* 行揃えに関するCSS
--------------------------------------------------------------------*/

th.type1{text-align:right;}
th.type2{text-align:left;}
td.type3{text-align:right;}
td.type4{text-align:left;}
/* 水平線に関するCSS
--------------------------------------------------------------------*/
hr{height:1px;border-width:1px 0px 0px 0px;border-style:solid;}
/* グリッドに関するCSS
--------------------------------------------------------------------*/
.unit{
    clear:both;
    width:580px
}
.grid{
    float:left;
    width:140px;
    margin:2px
    padding:2px
}
.grid h3 {margin:5px 0px 5px 0px;}
.grid p{margin:0; line-height:150%}

/* 2段組可変幅レイアウトに関するCSS
--------------------------------------------------------------------*/
#pagebody{
   width:100%
}
#bodyleft{
   float:left;
   width:34%;
   padding:1px;
}
#bodyright{
   float:right;
   width:63%;
   padding:1px;
}
#bodyleft2{
   float:left;
   width:27%;
   padding:1px;
}
#bodyright2{
   float:right;
   width:70%;
   padding:1px;
}




/* サイドメニュー
--------------------------------------------------------------------*/
#subcontents {
	background: #ffffff url('../images/bg_aboutsub.gif') no-repeat left 15px;
}

#subcontents ul li#am1 a {
	background: url('../images/about_11.jpg') no-repeat left top;
}
#subcontents ul li#am2 a {
	background: url('../images/about_15.jpg') no-repeat left top;
}
#subcontents ul li#am3 a {
	background: url('../images/about_12.jpg') no-repeat left top;
}
#subcontents ul li#am4 a {
	background: url('../images/about_13.jpg') no-repeat left top;
}
#subcontents ul li#am5 a {
	background: url('../images/about_14.jpg') no-repeat left top;
}

#subcontents ul li#am1 a:hover {
	background: url('../images/about_11.jpg') no-repeat right top;
}
#subcontents ul li#am2 a:hover {
	background: url('../images/about_15.jpg') no-repeat right top;
}
#subcontents ul li#am3 a:hover {
	background: url('../images/about_12.jpg') no-repeat right top;
}
#subcontents ul li#am4 a:hover {
	background: url('../images/about_13.jpg') no-repeat right top;
}
#subcontents ul li#am5 a:hover {
	background: url('../images/about_14.jpg') no-repeat right top;
}


/* プライバシーポリシー
--------------------------------------------------------------------*/
#maincontents .content dl#policy {
	margin: 5px 27px 15px 23px;
}
#maincontents .content dl#policy dt {
	color: #000000;
}
#maincontents .content dl#policy dd {
	margin-bottom: 10px;
	color: #666666;
}