﻿#page_manual_all{
width:1075px;
margin:0 auto;
height:auto;
}



#page_manual{
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#fff;
text-align:left;
height:auto;
width:725px;
line-height:1.6em;
margin-bottom:20px;
padding:30px 0 30px 0;
float:left;
}

#page_manual_right{

}


.page_manual_title h2{
-moz-box-sizing: border-box;
box-sizing: border-box;
background:url(../images/manual_title.gif)right no-repeat;
width:725px;
height:80px;
margin:0 auto;
padding-top:25px;
text-align:left;
color:#fff;
font-size:25px;
}

.page_manual_title {
background-color:#3b589e;
width:100%;
height:80px;
margin-top:20px;
}

#page_manual .manual_menu_top{
display: inline-block;
width:100%;
height:auto;
}

#page_manual .manual_menu_top:after{
content: "."; 
display: block; 	
clear: both; 
visibility:hidden;
}

/* Hides from IE Mac \*/
* html #page_manual .manual_menu_top {height: 1%;}
#page_manual .manual_menu_top{display:block;}
/* End Hack */ 

#page_manual .manual_menu_top .left{
float:left;
margin-left:35px;
}

#page_manual .manual_menu_top .right{
float:right;
margin-right:35px;
}

#page_manual .manual_menu_top img{
box-shadow:0px 0px 3px 1px #d4d4d4;
-moz-box-shadow:0px 0px 3px 1px #d4d4d4;
-webkit-box-shadow:0px 0px 3px 1px #d4d4d4;
margin-bottom:10px;
}


#page_manual .manual_menu_category .category1{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
height:300px;
padding:30px;
border-top:dashed 2px #383838;
border-bottom:dashed 2px #383838;
}

#page_manual .manual_menu_category .category2{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
height:250px;
padding:30px;
border-bottom:dashed 2px #383838;
}

#page_manual .manual_menu_category .category3{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
height:250px;
padding:30px;
border-bottom:dashed 2px #383838;
}

#page_manual .manual_menu_category .category4{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
padding:30px 30px;
border-bottom:dashed 2px #383838;
}


#page_manual .manual_menu_category{
display: inline-block;
width:100%;
height:auto;

}

#page_manual .manual_menu_category:after{
content: "."; 
display: block; 	
clear: both; 
visibility:hidden;
}

/* Hides from IE Mac \*/
* html #page_manual .manual_menu_category {height: 1%;}
#page_manual .manual_menu_top{display:block;}
/* End Hack */ 


#page_manual .manual_menu_category .category1 h3{
font-size:25px;
font-weight: bold;
color:#497ac4;
}

#page_manual .manual_menu_category .category2 h3{
font-size:25px;
font-weight: bold;
color:#a05253;
}

#page_manual .manual_menu_category .category3 h3{
font-size:25px;
font-weight: bold;
color:#c09935;
}

#page_manual .manual_menu_category .category4 h3{
font-size:21px;
font-weight: bold;
color:#3d6592;
}

#page_manual .manual_menu_category .category1 h3,#page_manual .manual_menu_category .category2 h3,#page_manual .manual_menu_category .category3 h3{
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode:vertical-rl;
}

#page_manual .manual_menu_category .title1{
display: block;
float:left;
width:auto;
height:100%;
padding-right:50px;
}

#page_manual .manual_menu_category .category_mid{
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
overflow: hidden;
font-size:16px;
margin-left:110px;
}

#page_manual .manual_menu_category .category_mid li{
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
background: url(../images/manual_list.gif) left no-repeat;
float:left;
width:50%;
padding: 3px 0px 0px 20px;
margin:8px 0;
}

#page_manual .manual_menu_category a{
color:#4b4b4b;
text-decoration: none;
}


#page_manual .manual_menu_category .title1{
padding: 60px 0px 0px 28px;
}

#page_manual .manual_menu_category .title2{
padding: 0px 0px 0px 80px;
}

#page_manual .manual_menu_category .category1{
background: url(../images/manual_icon1_2.png) left top no-repeat;
background-position:36px 20px;
}

#page_manual .manual_menu_category .category2{
background: url(../images/manual_icon8_2.png) left top no-repeat;
background-position:36px 20px;
}

#page_manual .manual_menu_category .category3{
background: url(../images/manual_icon19_2.png) left no-repeat;
background-position:36px 20px;
}

#page_manual .manual_menu_category .category4{
background: url(../images/manual_icon20.png) left no-repeat;
background-position:36px 8px;
}

#page_manual .manual_menu_rl{
width:100%;
display: inline-block;
margin-top:30px;
}

#page_manual .manual_menu_rl:after{
content: "."; 
display: block; 	
clear: both; 
visibility:hidden;
}

/* Hides from IE Mac \*/
* html #page_manual .manual_menu_rl {height: 1%;}
#page_manual .manual_menu_top{display:block;}
/* End Hack */ 

#page_manual .manual_menu_box{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:50%;
float:left;
text-align:center;
}

#page_manual .manual_menu_box img{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:292px;
height:267px;
}

#page_manual .manual_menu_sns{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:50%;
float:right;
text-align:center;
padding-top:70px;
}

#page_manual .search{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:303px;
margin-left:30px;
}

#page_manual .manual_category_title{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:20%;
float:left;
text-align:center;
}


#page_manual .manual_category_all{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
display: inline-block;
padding:0 30px 0 30px;
border-bottom:1px solid #ccc;
margin-bottom:20px;
}

#page_manual .manual_category_all:after{
content: "."; 
display: block; 	
clear: both; 
visibility:hidden;
}

/* Hides from IE Mac \*/
* html #page_manual .manual_category_all {height: 1%;}
#page_manual .manual_category_all{display:block;}
/* End Hack */ 

#page_manual .manual_category_title{
font-size:16px;
font-weight: bold;
padding-top:70px;
}

#page_manual .manual_category_title_01{
background: url(../images/manual_icon1.png)top center no-repeat;
}
#page_manual .manual_category_title_02{
background: url(../images/manual_icon2.png)top center no-repeat;
}
#page_manual .manual_category_title_03{
background: url(../images/manual_icon3.png)top center no-repeat;
}
#page_manual .manual_category_title_04{
background: url(../images/manual_icon4.png)top center no-repeat;
}
#page_manual .manual_category_title_05{
background: url(../images/manual_icon5.png)top center no-repeat;
}
#page_manual .manual_category_title_06{
background: url(../images/manual_icon6.png)top center no-repeat;
}
#page_manual .manual_category_title_07{
background: url(../images/manual_icon7.png)top center no-repeat;
}
#page_manual .manual_category_title_08{
background: url(../images/manual_icon8.png)top center no-repeat;
}
#page_manual .manual_category_title_09{
background: url(../images/manual_icon9.png)top center no-repeat;
}
#page_manual .manual_category_title_10{
background: url(../images/manual_icon10.png)top center no-repeat;
}
#page_manual .manual_category_title_11{
background: url(../images/manual_icon11.png)top center no-repeat;
}
#page_manual .manual_category_title_12{
background: url(../images/manual_icon12.png)top center no-repeat;
}
#page_manual .manual_category_title_13{
background: url(../images/manual_icon13.png)top center no-repeat;
}
#page_manual .manual_category_title_14{
background: url(../images/manual_icon14.png)top center no-repeat;
}
#page_manual .manual_category_title_15{
background: url(../images/manual_icon15.png)top center no-repeat;
}
#page_manual .manual_category_title_16{
background: url(../images/manual_icon16.png)top center no-repeat;
}
#page_manual .manual_category_title_17{
background: url(../images/manual_icon17.png)top center no-repeat;
}
#page_manual .manual_category_title_18{
background: url(../images/manual_icon18.png)top center no-repeat;
background-size:65px auto;
}
#page_manual .manual_category_title_19{
background: url(../images/manual_icon19.png)top center no-repeat;
}
#page_manual .manual_category_title_20{
background: url(../images/manual_icon20.png)top center no-repeat;
}
#page_manual .manual_category_title_21{
background: url(../images/manual_icon21.png)top center no-repeat;
}
#page_manual .manual_category_title_22{
background: url(../images/manual_icon22.png)top center no-repeat;
}
#page_manual .manual_category_title_23{
background: url(../images/manual_icon23.png)top center no-repeat;
}
#page_manual .manual_category_title_24{
background: url(../images/manual_icon24.png)top center no-repeat;
}
#page_manual .manual_category_title_25{
background: url(../images/manual_icon25.png)top center no-repeat;
}
#page_manual .manual_category_title_26{
background: url(../images/manual_icon26.png)top center no-repeat;
}
#page_manual .manual_category_title_27{
background: url(../images/manual_icon27.png)top center no-repeat;
}


.page_manual_title_dis {
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
padding:0 40px 40px 40px;
}

.page_manual_title_dis p{
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */
background-color: #f5f5f5;   /* 背景色 */
width:100%;
padding:20px;
font-size:16px;
}

#page_manual .manual_category_dis{
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 15px;    /* 古いFirefox */
-webkit-border-radius: 15px; /* 古いSafari,Chrome */
border-radius: 15px;         /* CSS3 */
background-color: #f5f5f5;   /* 背景色 */
width:80%;
float:right;
padding:20px;
}

#page_manual .manual_category_list{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
padding:0 30px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}

#page_manual .manual_category_list li{
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
background: url(../images/manual_list.gif) left no-repeat;
background-size:5px 8px;
width:100%;
padding: 3px 0px 0px 20px;
margin:10px 0;
font-size:16px;
}

#page_manual .manual_category_list a{
text-decoration: none;
}


.manual_category_tag{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
padding:0 30px;
}

.manual_category_tag ul{
background:#eee;
border:1px solid #ccc;
text-align:center;
width:100%;
display:table;
table-layout:fixed;
margin: 20px 0;
}

.manual_category_tag ul li{
border-right:1px solid #ccc;
display:table-cell;
}

.manual_category_tag ul li:last-child{
border-right:none
}

.manual_category_tag ul li a{
color:#333;
font-size:18px;
font-weight:700;
text-decoration:none;
display:block;
padding:20px 0;
}

#page_manual .manual_category_tag li{
background-size:25px 25px;
}

#page_manual .manual_category_tag_01{
background: url(../images/manual_icon1.png) left no-repeat;
background-position:45px;
padding-left:20px;
}

#page_manual .manual_category_tag_02{
background: url(../images/manual_icon8.png) left no-repeat;
background-position:45px;
padding-left:20px;
}

#page_manual .manual_category_tag_03{
background: url(../images/manual_icon19.png) left no-repeat;
background-position:23px;
padding-left:23px;
}

#page_manual .manual_category_tag_04{
background: url(../images/manual_icon0.png) left no-repeat;
background-position:50px;
padding-left:30px;
}

#page_manual .manual_bread{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
margin:-30px 0 20px 3px;
font-size:14px;
color:#b1b1b1;
background: url(../images/manual_list.gif) left no-repeat;
background-size:6px 10px;
padding: 0px 0px 0px 11px;
}




#page_manual .manual_category_sub{
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
overflow: hidden;
font-size:16px;
margin-left:30px;
}

#page_manual .manual_category_sub li{
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
background: url(../images/manual_list.gif) left no-repeat;
float:left;
width:50%;
padding: 3px 0px 0px 20px;
margin:8px 0;
}

#page_manual .manual_category_sub a{
color:#4b4b4b;
text-decoration: none;
}



#page_manual .manual_menu_new {
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
padding:10px 30px 20px 30px;
border-bottom:1px solid #ccc;
}

#page_manual .manual_menu_new h3{
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
font-size:21px;
font-weight: bold;
margin-bottom:15px;
}

#page_manual .manual_menu_new li{
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
background: url(../images/manual_list.gif) left no-repeat;
width:100%;
padding: 3px 0px 0px 20px;
margin:8px 0;
font-size:16px;
}
