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

Style Name: style.css
Since:      2007-09-01
Modified:   2013-06-3
Version:    1.0
Auther:     algoRhythm graphics

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

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

browser style clear

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

* {
margin: 0;
padding: 0;
/*background: transparent;*/
}

html {
display: table;
width: 100%;
height: 100%;
/*border: 1px solid #ff8223;*/
}

/*html #index
html #index,
html #aboutUs {
background-color: #ccc;
}*/

ul,li,dl,dt,dd{
list-style:none;
}
img{
vertical-align: top;
}
a img{
border: none;
}
a{
color: #000;
text-decoration: none;
}
a:link{
color: #ef8100;
text-decoration: none;
}
a:visited{
color: #666666;
/*color: #a3a3a3;*/
}
a:hover{
color: #6eba2c;
text-decoration: underline;
}
a:active{
color: #666666;
}

body {
background-color: #fff;
/*font-family: 'ヒラギノ明朝 Pro W3', 'MS 明朝', serif;*/
color: #000;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.5;
/*height: 100%;*/
}

body#index {
display: table-cell;
vertical-align: middle;
}

/* for IE6 */
* html body#index {
text-align: center;
height: 100%;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
}

select option {
padding: 0 5px;
}

.color {
color: #6eba2c;
}

.colorBigBold {
color: #6eba2c;
font-weight: bold;
font-size: 1.2em;
}

.colorBold {
color: #6eba2c;
font-weight: bold;
}


/*imgを真ん中に
margin-right: auto;
margin-left: auto;
*/

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

wireframe

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

div#containerIndex {
text-align: left;
margin: 0 auto;
width: 1000px;
background: url(../images/bg_index.gif) repeat 0 top;
}

* html div#containerIndex {
display: inline;
vertical-align: middle;
zoom: 1;
}

/* for IE7 */
*:first-child+html body#index {
text-align: center;
height: 100%;
}

*:first-child+html div#containerIndex {
display: inline;
vertical-align: middle;
zoom: 1;
}

div#containerOther {
margin: 0 auto;
width: 1000px;
background: url(../images/bg_other.gif) repeat 0 top;
}

div#header {
width: 249px;
height: 128px;
background-color: #fff;
}

div#naviIndex {
width: 448px;
float: left;
}

div#naviOther {
width: 249px;
float: left;
}

div#mainContIndex {
width: 552px;
padding-top:145px;
float: right;
}

div#mainContOther {
width: 751px;
float: right;
}

div#footerIndex {
margin-top:125px;
width: 525px;
height: 47px;
color: #666;
font-size: 0.85em;
background: url(../images/bg_foot.gif) no-repeat 0 top;
text-align: right;
}

div#footerOther {
margin-top:90px;
width: 724px;
height: 47px;
color: #666;
font-size: 0.85em;
background: url(../images/bg_foot.gif) repeat 0 top;
text-align: right;
}

div#clear {
clear: both;
}

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

header

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

.logo {
margin: 153px 0 32px 138px;
}

.logoOther {
padding: 86px 0 0 38px;
background-color: #fff;
}

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

navi

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

div#naviIndex ul li a {
display: block;
text-indent: -9999px;
font-size: 0.1em;
}

div#naviIndex ul li {
margin-bottom: 7px;
background-color: #fff;
}

div#naviIndex ul {
margin-left: 142px;
}

div#naviOther ul li a {
display: block;
text-indent: -9999px;
font-size: 0.1em;
}

div#naviOther ul li {
text-indent: -9999px;
font-size: 0.1em;
margin-bottom: 7px;
background-color: #fff;
}

div#naviOther ul {
margin-left: 38px;
margin-top: 28px;
}


a:hover {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

.naviOne {
width: 167px;
height: 45px;
}

.naviOne a {
width: 167px;
height: 45px;
background: url(../images/bt_aboutus.gif) no-repeat 0 top;
}

.naviOneC {
width: 167px;
height: 45px;
background: url(../images/bt_aboutus_c.gif) no-repeat 0 top;
}

.naviTwo {
width: 167px;
height: 45px;
}

.naviTwo a {
width: 167px;
height: 45px;
background: url(../images/bt_service.gif) no-repeat 0 top;
}

.naviTwoC {
width: 167px;
height: 45px;
background: url(../images/bt_service_c.gif) no-repeat 0 top;
}

.naviThree {
width: 167px;
height: 45px;
}

.naviThree a {
width: 167px;
height: 45px;
background: url(../images/bt_profile.gif) no-repeat 0 top;
}

.naviThreeC {
width: 167px;
height: 45px;
background: url(../images/bt_profile_c.gif) no-repeat 0 top;
}

.naviFour {
width: 167px;
height: 45px;
}

.naviFour a {
width: 167px;
height: 45px;
background: url(../images/bt_access.gif) no-repeat 0 top;
}

.naviFourC {
width: 167px;
height: 45px;
background: url(../images/bt_access_c.gif) no-repeat 0 top;
}

.naviFive {
width: 167px;
height: 45px;
}

.naviFive a {
width: 167px;
height: 45px;
background: url(../images/bt_contact.gif) no-repeat 0 top;
}

.naviFiveC {
width: 167px;
height: 45px;
background: url(../images/bt_contact_c.gif) no-repeat 0 top;
}


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

footer

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

#footerIndex p,
#footerOther p {
padding-top: 10px;
/*margin-right: 26px;*/
}


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

margin

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

.MB50 {
margin-bottom: 50px;
}

.MB45 {
margin-bottom: 45px;
}

.MB40 {
margin-bottom: 40px;
}

.MB35 {
margin-bottom: 35px;
}

.MB30 {
margin-bottom: 30px;
}

.MB25 {
margin-bottom: 25px;
}

.MB20 {
margin-bottom: 20px;
}

.MB15 {
margin-bottom: 15px;
}

.MB10 {
margin-bottom: 10px;
}

.MB5 {
margin-bottom: 5px;
}


.MT60 {
margin-top: 60px;
}

.MT50 {
margin-top: 50px;
}

.MT45 {
margin-top: 45px;
}

.MT40 {
margin-top: 40px;
}

.MT35 {
margin-top: 35px;
}

.MT30 {
margin-top: 30px;
}

.MT25 {
margin-top: 25px;
}

.MT20 {
margin-top: 20px;
}

.MT15 {
margin-top: 15px;
}

.MT10 {
margin-top: 10px;
}

.MT5 {
margin-top: 5px;
}


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

Other

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

#aboutUs #mainContOther {
width: 751px;
background: url(../images/bg_about_us.gif) no-repeat 0 top;
}

#service #mainContOther {
width: 751px;
background: url(../images/bg_service.gif) no-repeat 0 top;
}

#profile #mainContOther {
width: 751px;
background: url(../images/bg_profile.gif) no-repeat 0 top;
}

#access #mainContOther {
width: 751px;
background: url(../images/bg_access.gif) no-repeat 0 top;
}

#contact #mainContOther {
width: 751px;
background: url(../images/bg_contact.gif) no-repeat 0 top;
}

.contents {
width: 375px;
margin-top: 165px;
margin-left:  60px;
}

.title {
font-size: 1.2em;
color: #ef8100;
padding-bottom: 1em;
}

.copy {
padding-bottom: 0.3em;
}

.square {
color: #ef8100;
}

#service .txt {
padding-bottom: 1.5em;
border-bottom: solid 1px #ef8100;
}