@charset "UTF-8";


/*-------------------------------------------
body
-------------------------------------------*/

body {
text-align:center;
color:#666666;
background-color:#F0F0F0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", san-serif;
font-size:100%;
line-height:1.6;
margin:0;
padding:0;
}
img {
border-style:none;
}
h1 {
margin:0;
padding:0;
font-size:75%;
line-height:20px;
color:#FFFFFF;
background-color:transparent;
font-weight:normal;
}
form {
margin:0;
padding:0;
}
p {
font-size:75%;
margin:0;
padding:0;
}


/*-------------------------------------------
body
-------------------------------------------*/


/*-------------------------------------------
anchor
-------------------------------------------*/


a {
color:#0066FF;
background-color:transparent;
text-decoration:underline;
}
a:hover {
color:#7FB2FF;
background-color:transparent;
text-decoration:none;
}

#logo a {
text-decoration:none;
color:transparent;
background-color:transparent;
}

#gnavi01, #gnavi01 a, #gnavi06, #gnavi06 a {
width:132px;
text-decoration:none;
overflow:hidden;
}
#gnavi02, #gnavi02 a, #gnavi03, #gnavi03 a, #gnavi04, #gnavi04 a, #gnavi05, #gnavi05 a {
width:134px;
text-decoration:none;
overflow:hidden;
}
#gnavi01 a {
background:url(http://www.rayden.jp/img/gnavi01.jpg) no-repeat 0px 0px;
}
#gnavi01 a:hover {
background:url(http://www.rayden.jp/img/gnavi01_over.jpg) no-repeat 0px 0px;
}
#gnavi02 a {
background:url(http://www.rayden.jp/img/gnavi02.jpg) no-repeat 0px 0px;
}
#gnavi02 a:hover {
background:url(http://www.rayden.jp/img/gnavi02_over.jpg) no-repeat 0px 0px;
}
#gnavi03 a {
background:url(http://www.rayden.jp/img/gnavi03.jpg) no-repeat 0px 0px;
}
#gnavi03 a:hover {
background:url(http://www.rayden.jp/img/gnavi03_over.jpg) no-repeat 0px 0px;
}
#gnavi04 a {
background:url(http://www.rayden.jp/img/gnavi04.jpg) no-repeat 0px 0px;
}
#gnavi04 a:hover {
background:url(http://www.rayden.jp/img/gnavi04_over.jpg) no-repeat 0px 0px;
}
#gnavi05 a {
background:url(http://www.rayden.jp/img/gnavi05.jpg) no-repeat 0px 0px;
}
#gnavi05 a:hover {
background:url(http://www.rayden.jp/img/gnavi05_over.jpg) no-repeat 0px 0px;
}
#gnavi06 a {
background:url(http://www.rayden.jp/img/gnavi06.jpg) no-repeat 0px 0px;
}
#gnavi06 a:hover {
background:url(http://www.rayden.jp/img/gnavi06_over.jpg) no-repeat 0px 0px;
}
#footer a {
color:#000066;
background-color:#FFFFFF
}
#footer a:hover {
color:#0066FF;
background-color:#FFFFFF;
}
.totop a {
display:block;
}
.textarea02 a {
display:block;
background-color:#FFFFFF;
}
.textarea02 a:hover {
background-color:#F9F9F9;
}
.textarea03 a {
display:block;
background-color:#FFFFFF;
}
.textarea03 a:hover {
background-color:#F9F9F9;
}
.textarea04 a {
display:block;
background-color:#FFFFFF;
}
.textarea04 a:hover {
background-color:#F9F9F9;
}


/*-------------------------------------------
anchor
-------------------------------------------*/



/*-------------------------------------------
top
-------------------------------------------*/


#all {
width:840px;
margin:0 auto;
padding:0;
text-align:left;
background:url(http://www.rayden.jp/img/all_back.jpg) repeat-y top;
}
#all_in {
width:800px;
margin:0 20px;
padding:0;
}

#header {
width:800px;
background:url(http://www.rayden.jp/img/header_back.jpg) repeat-y top;
margin:0;
padding:0;
position:relative;
}
#logo {
width:310px;
height:60px;
position:absolute;
top:20px;
left:10px;
}
#header_right {
float:right;
text-align:right;
padding:60px 20px 0 0;
}
#search_text {
color:#CCCCCC;
background-color:#FFFFFF;
width:150px;
line-height:18px;
font-size:75%;
}
#search_img {
vertical-align:bottom;
}

#gnavi {
width:800px;
margin:0;
padding:0;
list-style-type:none;
font-size:75%;
clear:both;
}
#gnavi li,#gnavi li a {
height:50px;
display:block;
margin:0;
padding:0;
}
#gnavi li {
float:left;
text-indent:-9999px;
}


#topimg {
width:800px;
height:220px;
background-color:#000088;
clear:both;
}




#mainarea {
color:#666666;
background-color:#FFFFFF;
background:url(http://www.rayden.jp/img/mainarea_top.jpg) repeat-x top;
clear:both;
}
#toparea {
width:780px;
padding:10px 0 15px 0;
margin:0 10px;
}
#toparea_left {
float:left;
width:390px;

}
#toparea_left ul {
font-size:75%;
list-style-type:none;
margin:0 30px;
padding:0;
}
#toparea_left li {
margin:0;
padding:0;
}
#toparea_right {
float:right;
text-align:left;
width:390px;
}
#toparea_right ul {
font-size:75%;
margin:0 30px 0 45px;
padding:0;
color:#CCCCCC;
}
#toparea_right li {
margin:0;
padding:0;
}
.toparea_img {
width:390px;
height:40px;
}

.paper {
width:780px;
background:url(http://www.rayden.jp/img/paper_back.jpg) repeat-y top;
margin:0 10px;
}

.paper_left {
float:left;
width:390px;
background:url(http://www.rayden.jp/img/paper_top.jpg) no-repeat top;
}
.paper h2 {
width:350px;
height:30px;
margin:0 20px;
padding:20px 0 0 0;
}
.title_img_en {
padding:0 30px;
}
.img_right {
float:right;
padding:0 0 0 10px;
}
.paper_text {
margin:0;
padding:5px 25px 0 30px;
}

.paper_text h3 {
margin:0;
padding:0;
font-size:75%;
}
.paper_text ul {
margin:0 0 0 5px;
padding:0;
font-size:75%;
color:#CCCCCC;
}
.paper_text li {
margin:0 0 0 1em;
padding:0;
}

.paper_right {
float:right;
width:390px;
background:url(http://www.rayden.jp/img/paper_top.jpg) no-repeat top;
}
.paper_bottom {
width:780px;
height:20px;
background:url(http://www.rayden.jp/img/paper_bottom.jpg) no-repeat top;
margin:0 10px 10px 10px;
}



#footer_top {
background:url(http://www.rayden.jp/img/mainarea_top.jpg) repeat-x bottom;
clear:both;
width:800px;
height:5px;
}
#footer {
border-top:#000066 2px solid;
border-bottom:#000066 2px solid;
text-align:center;
}
#footer ul {
list-style-type:none;
margin:0;
padding:10px 0 0 0;
font-size:75%;
line-height:25px;
}
#footer li {
display:inline;
margin:0;
padding:0 10px;
border-left:#000066 1px solid;
}
#footer #noneline {
border-left:#000066 0px solid;
}
#footer div {
font-family:Tahoma, Verdana, Arial;
font-size:70%;
line-height:25px;
padding:0 0 10px 0;
}
/*-------------------------------------------
top
-------------------------------------------*/
/*-------------------------------------------
oneside
-------------------------------------------*/
.paper_oneside {
width:780px;
background:url(http://www.rayden.jp/img/paper_back_oneside.jpg) repeat-y left;
margin:0 10px;
}
.paper_oneside h2 {
width:350px;
height:30px;
margin:0 20px;
padding:20px 0 0 0;
}
.paper_bottom_oneside {
width:780px;
height:20px;
background:url(http://www.rayden.jp/img/paper_bottom_oneside.jpg) no-repeat left;
margin:0 10px 10px 10px;
}

/*-------------------------------------------
oneside
-------------------------------------------*/
/*-------------------------------------------
underpage-----news
-------------------------------------------*/

#pan {
width:760px;
height:60px;
margin:0 20px;
padding:0;
font-size:75%;
line-height:3;
}
.panimg_news {
background:url(http://www.rayden.jp/img/top_back.jpg) no-repeat;
background-position:230px 5px;
}
.panimg_contents {
background:url(http://www.rayden.jp/contents/img/top_back.jpg) no-repeat;
background-position:230px 5px;
}
.panimg_buy {
background:url(http://www.rayden.jp/buy/img/top_back.jpg) no-repeat;
background-position:230px 5px;
}
.panimg_company {
background:url(http://www.rayden.jp/company/img/top_back.jpg) no-repeat;
background-position:230px 5px;
}
.panimg_contact {
background:url(http://www.rayden.jp/contact/img/top_back.jpg) no-repeat;
background-position:230px 5px;
}
.panimg_sitemap {
background:url(http://www.rayden.jp/sitemap/img/top_back.jpg) no-repeat;
background-position:230px 5px;
}
.panimg_search {
background:url(http://www.rayden.jp/img/result_top_back.jpg) no-repeat;
background-position:230px 5px;
}



#left {
width:250px;
float:left;

}
#left_back {
background:url(http://www.rayden.jp/img/leftbar_back.jpg) repeat-y 20px 0;
}
#left_title {
background:url(http://www.rayden.jp/img/leftbar_top.jpg) no-repeat 20px 0;
padding:20px 30px 10px 30px;
margin:0;
font-size:100%;
}
#left_title span {
border-left:#000066 2px solid;
line-height:1.2;
color:#000066;
padding:0 0 0 1em;
}
#left ul {
font-size:75%;
list-style-type:none;
margin:0 40px;
padding:0;
}
#left li {
background:url(http://www.rayden.jp/img/arrow.jpg) no-repeat 0px 5px;
margin:0 0 5px 0;
padding:0 0 0 15px;
}
#left ul ul {
font-size:100%;
list-style-type:none;
margin:5px 0 0 0;
padding:0;
}
#left li li {
background:url(http://www.rayden.jp/img/arrow.jpg) no-repeat 0px 5px;
margin:0 0 5px 0;
padding:0 0 0 15px;
}
#left ul ul ul {
font-size:80%;
list-style-type:none;
margin:5px 0 0 0;
padding:0;
}
#left li li li {
background:url(http://www.rayden.jp/img/arrow2.gif) no-repeat 0px 2px;
margin:0 0 5px 0;
padding:0 0 0 15px;
}
#left_bottom {
background:url(http://www.rayden.jp/img/leftbar_bottom.jpg) no-repeat 10px 0;
height:30px;
}




#right {
width:550px;
float:right;
background:url(http://www.rayden.jp/img/top_back2.jpg) no-repeat left top;
}
#title3_1 {
margin:0;
padding:20px 0 20px 20px;
font-size:80%;
color:#000066;
line-height:30px;
}
#news {
margin:0 30px 0 20px;
padding:0;
list-style-type:none;
font-size:75%;
}
#news li {
margin:0;
padding:0;
}
.totop {
text-align:right;
height:30px;
line-height:30px;
background:url(http://www.rayden.jp/img/totop.jpg) no-repeat 0 40px;
font-size:70%;
padding:40px 10px 0 0;
margin:0 30px 10px 10px;
clear:both;
}

/*-------------------------------------------
underpage-----news
-------------------------------------------*/
/*-------------------------------------------
underpage-----contents
-------------------------------------------*/
.textarea01 {
margin:0 30px 10px 20px;
}
.subtitle4 {
margin:0 0 0 20px;
padding:0;
font-size:75%;
}
.title3_2 {
margin:0;
padding:10px 20px 10px 20px;
background:url(http://www.rayden.jp/img/title_back.jpg) no-repeat 0 10px;
font-size:80%;
color:#000066;
line-height:50px;
clear:both;
}
/*-------------------------------------------
underpage-----contents
-------------------------------------------*/
/*-------------------------------------------
underpage-----company
-------------------------------------------*/

.company {
width:500px;
margin:0 30px 10px 20px;
padding:0;
font-size:75%;
}
.company dt {
width:130px;
float:left;
margin:0;
padding:0;
font-weight:bold;
}
.company dd {
width:370px;
float:right;
margin:0;
padding:0;
}
.company ol {
margin:0 0 0 1.8em;
padding:0 0 0 0;
}
.company li {
margin:0;
padding:0 0 0 0;
}



/*-------------------------------------------
underpage-----company
-------------------------------------------*/
/*-------------------------------------------
underpage-----contact
-------------------------------------------*/

.text01 {
width:300px;
color:#666666;
}
.text02 {
width:300px;
height:100px;
color:#666666;
}
.red {
font-size:65%;
color:#FF6600;
}
.red2 {
color:#FF6600;
font-weight:bold;
}
.discrip {
margin:0 30px 10px 20px;
text-align:right;
font-size:65%;
}
.button {
}


/*-------------------------------------------
underpage-----contact
-------------------------------------------*/
/*-------------------------------------------
underpage-----sitemap
-------------------------------------------*/

.textarea02 {
margin:0 30px 10px 20px;
background:url(http://www.rayden.jp/sitemap/img/arrow.jpg) no-repeat 0px 50%;
padding:0 0 0 20px;
line-height:2.2;
border-bottom:#F9F9F9 1px solid;
}
.textarea03 {
margin:0 30px 10px 60px;
background:url(http://www.rayden.jp/sitemap/img/arrow.jpg) no-repeat 0px 50%;
padding:0 0 0 20px;
line-height:2.0;
border-bottom:#F9F9F9 1px solid;
}
.textarea04 {
margin:0 30px 10px 100px;
background:url(http://www.rayden.jp/sitemap/img/arrow.jpg) no-repeat 0px 50%;
padding:0 0 0 20px;
line-height:1.6;
}

/*-------------------------------------------
underpage-----sitemap
-------------------------------------------*/


/*-------------------------------------------
underpage-----searchresult
-------------------------------------------*/


ul.result {
margin:0 30px 0 20px;

padding:0;
list-style-type:none;
font-size:75%;
}

.result li {
margin:0;
padding:0;
}

p.result {
margin:0 30px 0 20px;
padding:0;
font-size:75%;
}


/*-------------------------------------------
underpage-----searchresult
-------------------------------------------*/


/*-------------------------------------------
underpage-----blog
-------------------------------------------*/

.comnew {
margin:0 30px 10px 20px;
}
.comnew_left {
width:240px;
float:left;
}
.comnew_right {
width:240px;
float:right;
}
.comnew h4 {
font-size:75%;
margin:0 0 10px 0;
padding:0 0 0 5px;
border-bottom:#CCCCCC 1px solid;
border-left:#000066 2px solid;
}
.comnew h5 {
font-size:75%;
margin:0;
padding:0 0 0 7px;
font-weight:normal;
}
.comnew ul {
margin:0 0 10px 20px;
padding:0;
color:#CCCCCC;
font-size:75%;
}
.comnew li {
margin:0;
padding:0;
color:#CCCCCC;
}

#pan img {
margin: 0 0 10px 0;
visibility:hidden;
}
.title3_2 img {
margin: 0 0 20px 0;
visibility:hidden;
}

#right_com {
width:550px;
float:right;
background:url(http://www.rayden.jp/img/top_back2_com.jpg) no-repeat left top;
}

.title3_3 {
margin:0;
padding:10px 20px 10px 20px;
background:url(http://www.rayden.jp/img/title_back2.jpg) no-repeat 0 10px;
font-size:80%;
color:#000066;
line-height:50px;
}

.companylogo {
margin:20px 30px 10px 20px;
padding:0;
}

span.companyname {
font-size:120%;
font-weight:bold;
}

.com_top {
margin:0;
padding:0;
width:550px;
float:right;
}

.com_top_left {
margin:0;
padding:0;
width:265px;
float:left;
}

.com_top_right {
margin:0;
padding:0;
width:265px;
float:left;
}

.textarea05 {
margin:0 20px 10px 20px;
}

.textarea06 {
margin:0 30px 0 20px;
text-align:right;
}

.comnew_top ul {
margin:0 20px 10px 20px;
padding:0;
color:#CCCCCC;
font-size:75%;
list-style-position: inside;
list-style-type: disc;
}

.comnew_top li {
margin:0;
padding:0;
color:#CCCCCC;
}

.comnew_top span {
color:#666666;
}

.contents_com {
margin:10px 0 20px 0;
padding:0;
}


.companyend {
padding-bottom:20px;
border-bottom:#CCCCCC 1px solid;
}



/*-------------------------------------------
underpage-----blog
-------------------------------------------*/

.entry_day {
font-size:12px;
text-align:right;
}