/*
Theme Name: with
Theme URI: http://www.with-ryugaku.com/
Description: webcom
Author: webcom moto
*/

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

body{
background-color: #ffffff;
margin: 0;
padding: 0;
font-family: 'MS PGothic', Osaka, sans-serif;
}

hr{
display: none;
}

img{
border-style: none;
}

a{
outline: 0;
}

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

#header{
background-image: url("images/share/headbg.gif");
background-repeat: no-repeat;
width: 1000px;
height: 100px;
margin: auto;
}

#description{
width: 1000px;
height: 20px;
margin: auto;
}

#description h1{
font-size: 10px;
color: #333333;
padding: 0 5px;
}

#logo{
width: 600px;
height: 80px;
margin: auto;
float: left;
}

#headinq{
width: 380px;
height: 80px;
margin: auto;
float: right;
padding: 0 5px;
text-align: right;
}

#headinq b{
font-size: 15px;
color: #cc0000;
padding: 4px 3px;
}

#headinq p{
font-size: 12px;
color: #333333;
padding: 4px 2px;
}

#navi{
width: 1000px;
height: 50px;
margin: auto;
}

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

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

#navi01 a {background-position: 0 0 }
#navi02 a {background-position: -125px 0 }
#navi03 a {background-position: -250px 0 }
#navi04 a {background-position: -375px 0 }
#navi05 a {background-position: -500px 0 }
#navi06 a {background-position: -625px 0 }
#navi07 a {background-position: -750px 0 }
#navi08 a {background-position: -875px 0 }
#navi01 a:hover {background-position: 0 -50px }
#navi02 a:hover {background-position: -125px -50px }
#navi03 a:hover {background-position: -250px -50px }
#navi04 a:hover {background-position: -375px -50px }
#navi05 a:hover {background-position: -500px -50px }
#navi06 a:hover {background-position: -625px -50px }
#navi07 a:hover {background-position: -750px -50px }
#navi08 a:hover {background-position: -875px -50px }

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

#cont_1{
width: 750px;
height: auto;
margin: auto;
float: left;
}

#center_box{
width: 490px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 4px;
margin-right: 4px;
float: right;
}

#main{
width: 490px;
height: auto;
margin-bottom: 5px;
}

#mainbanner{
margin-bottom: 5px;
}

#main h4{
background: url("images/top/title.gif");
background-repeat: no-repeat;
font-size: 15px;
color: #ffffff;
padding: 8px 30px;
}

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

#center_1{
width: 488px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#center_1 p{
background: url("images/share/c_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 30px;
}

#center_2{
width: 488px;
height: auto;
border: 1px solid #cccccc;
}

#center_2 p{
background: url("images/share/c_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 30px;
}

#center_3{
width: 488px;
height: auto;
border: 1px solid #cccccc;
}

#center_3 p{
background: url("images/share/c_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 30px;
}

#left_box{
width: 245px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 4px;
float: left;
}

#left_1{
width: 243px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#left_1 p{
background: url("images/share/l_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 25px;
}

#left_1 ul,#left_1 li{
margin: 0;
padding: 0;
list-style: none;
}

#left_1 li{
font-size: 14px;
display: inline;
}

#left_1 a,#left_1 a:link,#left_1 a:visited{
text-decoration: none;
background-color: transparent;
display: block;
width: auto;
height: auto;
padding: 5px 20px;
}

#left_2{
width: 243px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#left_2 p{
background: url("images/share/l_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 25px;
}

#left_2 ul,#left_2 li{
margin: 0;
padding: 0;
list-style: none;
}

#left_2 li{
font-size: 14px;
display: inline;
}

#left_2 a,#left_2 a:link,#left_2 a:visited{
text-decoration: none;
background-color: transparent;
display: block;
width: auto;
height: auto;
padding: 5px 20px;
}

#left_3{
width: 243px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#left_3 p{
background: url("images/share/l_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 25px;
}

table.letter{
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.letter td{
padding: 5px 10px;
font-size: 13px;
}


#left_4{
width: 243px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#left_4 p{
background: url("images/share/l_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 25px;
}

table.news{
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.news td{
padding: 5px 10px;
font-size: 13px;
}

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

#right_box{
width: 245px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 4px;
}

#right_1{
width: 243px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#right_1 p{
background: url("images/share/l_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 25px;
}

#right_1 ul,#right_1 li{
margin: 0;
padding: 0;
list-style: none;
}

#right_1 li{
font-size: 14px;
display: inline;
}

#right_1 a,#right_1 a:link,#right_1 a:visited{
text-decoration: none;
background-color: transparent;
display: block;
width: auto;
height: auto;
padding: 5px 20px;
}

#r_navi{
width: 245px;
height: 260px;
margin: auto;
}

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

#r_navi li,#r_navi a{
float: left;
width: 245px;
height: 65px;
background-image: url("images/share/r_navi.gif");
text-indent: -9999px;
}

#r_navi01 a {background-position: 0 0 }
#r_navi02 a {background-position: 0 -65px }
#r_navi03 a {background-position: 0 -130px }
#r_navi04 a {background-position: 0 -195px }

#banner{
width: 245px;
height: auto;
margin-bottom: 5px;
}

#right_2{
width: 243px;
height: auto;
border: 1px solid #cccccc;
margin-bottom: 5px;
}

#right_2 p{
background: url("images/share/r_title.gif");
background-repeat: no-repeat;
font-size: 14px;
color: #333333;
padding: 8px 25px;
}

#add{
padding: 5px;
font-size: 12px;
text-align: right;
}

#page{
width: 490px;
height: auto;
}

#page h3{
background: url("images/top/title.gif");
background-repeat: no-repeat;
font-size: 15px;
color: #ffffff;
padding: 8px 30px;
}

#page h4{
font-size: 12px;
text-align: justify;
line-height: 2.0;
}

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

table.table001{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.table001 td{
border-bottom: solid 1px #B2B2B2;
border-right: solid 1px #B2B2B2;
text-align: left;
}

table.map{
margin-top: 5px;
margin-bottom: 5px;
width: 480px;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.rec{
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.rec td{
padding: 5px 10px;
font-size: 12px;
color: #333333;
}

table.hikaku{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}

table.hikaku th{
background: #e0e6f8;
text-align: center;
padding: 5px 5px;
font-size: 12px;
color: #333333;
}

table.hikaku td{
padding: 5px 5px;
text-align: center;
font-size: 12px;
color: #333333;
}

#linkpage{
width: 490px;
height: auto;
}

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

#linkpage h3{
background: url("images/top/title.gif");
background-repeat: no-repeat;
font-size: 15px;
color: #ffffff;
padding: 8px 30px;
}

#linkpage h2{
font-size: 13px;
margin-top: 5px;
margin-bottom: 5px;
}

#linkpage ul,#linkpage li{
margin: 0;
text-align: justify;
line-height: 1.8;
list-style: none;
font-size: 12px;
color: #333333;
}

#navigation{
width: 470px;
height: 10px;
margin: 10px;
font-size: 12px;
text-align: right;
}

#pankuzu{
width: 470px;
height: 10px;
margin: 10px;
}

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

table.rec{
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.rec td{
padding: 5px 10px;
font-size: 12px;
color: #333333;
}

#footer{
clear: both;
width: 1000px;
height: 230px;
margin: auto;
border-top: 1px solid #00a0e9;
text-align: right;
}

#footer p{
font-size: 14px;
font-style: normal;
color: #333333;
padding: 10px 5px;
}

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

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

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