/*
Theme Name: breakthrough
Theme URI: http://www.beark-through.jp/
Description: studioexis_web
Author: STUDIOEXIS
*/

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

body{
background-color: #ffffff;
margin: 0;
padding: 0;
}

hr{
display: none;
}

img{
border-style: none;
}

a{
outline: 0;
}

#wrapper{
width: 900px;
height: auto;
margin: auto;
}

#header{
width: 900px;
height: 85px;
margin: auto;
}

#disc h1{
font-size: 10px;
color: #333333;
float: left;
}

#logo{
background-image: url("image/logo.gif");
width: 296px;
height: 65px;
margin: auto;
float: left;
text-indent: -9999px;
}

#headnavi p{
float: right;
padding: 0 0 0 0;
}

#navi{
width: 900px;
height: auto;
margin: auto;
}

#navi ul{
padding: 0;
list-style: none;
}

#navi li,#navi a{
float: left;
display: block;
width: 150px;
height: 40px;
background-image: url("image/navi.gif");
text-indent: -9999px;
}

#navi01 a {background-position: 0 0 }
#navi02 a {background-position: -150px 0 }
#navi03 a {background-position: -300px 0 }
#navi04 a {background-position: -450px 0 }
#navi05 a {background-position: -600px 0 }
#navi06 a {background-position: -750px 0 }
#navi01 a:hover {background-position: 0 -40px }
#navi02 a:hover {background-position: -150px -40px }
#navi03 a:hover {background-position: -300px -40px }
#navi04 a:hover {background-position: -450px -40px }
#navi05 a:hover {background-position: -600px -40px }
#navi06 a:hover {background-position: -750px -40px }

#container{
width: 900px;
height: auto;
margin: auto;
}

#mainimage{
width: 900px;
height: auto;
margin: auto
}

#content{
width: 650px;
height: auto;
margin: auto;
float: left;
}

#maincontents{
width: 640px;
height: auto;
margin: 5px;
}

#maincontents h5{
font-size: 13px;
color: #333333;
}

#maincontents b{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.7;
}

#maincontents p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.7;
}

#page{
width: 640px;
height: auto;
margin: 5px;
}

#page b{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#page p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#archive{
width: 640px;
height: auto;
margin: 5px;
}

#archive h4{
font-size: 14px;
color: #333333;
padding: 5px 15px;
border-left: 15px solid #3333ff;
}

#archive b{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.7;
}

#archive p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}


#pankuzu{
}

#pankuzu p{
font-size: 10px;
}

td{
font-size: 12px;
color: #333333;
padding: 1px;
}

#sidebar{
width: 250px
height: auto;
margin: auto;
float: right;
}

#sidecontents{
width: 245px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
marign-left: 5px;
}

#sideinfo{
width: 240px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
marign-left: 5px;
}

#footer{
clear: both;
width: 900px;
height: 200px;
margin: auto;
border-top: 4px solid #00a0e9;
text-align: right;
}

#footer p{
font-size: 12px;
color: #333333;
padding: 5px 5px;
}

#footer address{
font-size: 12px;
font-style: normal;
color: #333333;
padding: 5px 5px;
}

#footer ul{
margin: 0;
padding: 0;
list-style: none;
}

#footer li{
font-size: 12px;
display: inline;
}

#footer a,#footer a:link,#footer a:visited{
text-decoration: none;
color: #333333;
background-color: transparent;
width: auto;
height: auto;
padding: 5px 5px;
}