@charset "utf-8";

body{
border-top: 3px #3366cc solid;
margin: 0;
}

#wrapper{
max-width: 100%;
}

#contents,#support,#head-til{
margin-left: auto;
margin-right: auto;
max-width: 999px;
}

#support{
margin-top: 15px;
text-align: right;
max-width: 999px;
}

#support ul{
padding-left: 0;
display: inline;
}

#support ul li{
font-size: 0.9em;
list-style: none;
margin-right: 5px;
padding: 2px;
display: inline;
}

#support .supp-def{
border: 1px #999999 solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#support .supp-big{
border: 1px #999999 solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#support .supp-line{
border-left: 1px #666666 solid;
margin-left: 5px;
padding-left: 5px;
}

#head-til{
padding-top: 20px;
padding-bottom: 20px;
}

#head-til p{
display: inline;
}

#head-til #h1{
color: #0066cc;
font-size: 2.5em;
font-weight: bold;
}

#head-til p span{
color: #000000;
font-size: 1em;
margin-left: 20px;
}

nav{
border-top: 2px #acacac solid;
border-bottom: 3px #0066cc solid;
background: -moz-linear-gradient(top, #ffffff,#f7f7f7 90%,#ededed);
background: -webkit-gradient(linear, left top, left center, from(#ffffff),color-stop(0.9, #f7f7f7),to(#ededed));
-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
padding-top: 8px;
padding-bottom: 8px;
}

nav ul{
padding: 0;
margin: 0 auto;
max-width: 999px;
}

nav ul li{
color: #333333;
font-size: 0.9em;
list-style: none;
border-right: 1px #333333 solid;
background-image: url(../img/nav_icn.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
padding-right: 15px;
margin-right: 15px;
display: inline;
}

#pankuzu{
clear: left;
margin: 20px auto;
max-width: 999px;
}

#pankuzu ol{
font-size: 0.9em;
padding: 0;
margin: 0;
}

#pankuzu ol li{
list-style: none;
padding-right: 20px;
display: inline;
}

#pankuzu ol li img{
margin-bottom: -5px;
}


#contents{
clear: left;
max-width: 999px;
width: 100%;
}

#left-side{
float: left;
max-width: 230px;
width: 100%;
}

section #sidenav{
margin-top: 20px;
border-top: 5px #0066cc solid;
line-height: 110%;
}

section #sidenav ul{
font-size: 0.9em;
padding: 0;
}

section #sidenav ul li{
list-style: none;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 25px;
background-image: url(../img/sidenav_icn.jpg);
background-repeat: no-repeat;
background-position: 0 3px;
border-bottom: 1px #999999 dotted;
}

main{
float: left;
line-height: 170%;
margin-left: 19px;
max-width: 750px;
}

main div h1{
font-family: UD新丸ゴ M;
color: #006fdd;
border: 2px #d7d7d7 solid;
background: -moz-linear-gradient(top, #e6e6e6, #ffffff);
background: -webkit-gradient(linear, left top, left center, from(#e6e6e6), to(#ffffff));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 55px 0 55px 20px;
margin-top: 0;
margin-bottom: 30px;
}

/*---変更前-----↓↓↓-----
#pagetop{
clear: left;
text-align: right;
margin-top: 25px;
padding-left: 17px;
background-image: url(../img/pagetop_icn.jpg);
background-repeat: no-repeat;
background-position: 86% center;
}
--------------------------------*/
#pagetop{
	clear: left;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 744px;
	height: 25px;
}
/*---変更----↑↑↑-------------*/
#pagetop p {
	background-image: url(../img/pagetop_icn.jpg);
	background-repeat: no-repeat;
	float: right;
	padding-left: 20px;
	background-position: 0px 8px;
}
/*---追加-----↑↑↑------------*/

#notice{
margin-top: 25px;
padding: 20px;
border: 1px #000000 solid;
background-color: #ffffec;
}

#notice p{
	margin: 0;
	clear: right;
}
/*#pagetop pのフロート回避*/
footer{
clear: both;
color: #ffffff;
font-size: 0.9em;
text-align: center;
padding-top: 20px;
}

#foot-nav{
background-color: #005cd0;
padding: 15px 0;
}

#foot-nav ul{
padding: 0;
margin: 0 auto;
max-width: 999px;
}

#foot-nav ul li{
list-style: none;
border-right: 1px #ffffff solid;
padding-right: 10px;
margin-right: 10px;
display: inline;
}

#foot-nav ul li a{
color: #ffffff;
}

#copyright{
clear: left;
background-color: #1c397e;
padding: 35px 0;
line-height: 190%;
}

#copyright p,#copyright div{
margin: 0 auto;
max-width: 999px;
}

#contents-j{
font-size: 0.9em;
line-height: 160%;
max-width: 750px;
}

#til{
border: 2px #d7d7d7 solid;
background: -moz-linear-gradient(top, #e6e6e6, #ffffff);
background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 35px 0;
margin-bottom: 30px;
}

h1{
color: #006fdd;
font-weight: bold;
padding-left: 20px;
}

h2{
color: #006fdd;
font-size: 2em;
font-weight: bold;
}

h3{
font-size: 2em;
font-weight: bold;
}

h4{
color: #ffffff;
background-color: #006fdd;
font-size: 1.2em;
font-weight: bold;
padding: 10px 0 10px 5px;
}

h5{
font-size: 1.2em;
background-image: url(../img/bluelist.jpg);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}

#blue-lis span{
font-weight: bold;
background-image: url(../img/bluelist.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

#subtil ul{
border: 2px #72b8ff solid;
background-color: #ffffcc;
}

.case-code{
clear: left;
padding-top: 10px;
}

.case-code p{
margin: 0;
}

.case-code pre{
border: 1px #010101 solid;
background-color: #ffffcc;
margin: 0;
padding: 10px 0 10px 5px;
}

#clear{
clear: left;
}

#space{
margin-top: 30px;
}

strong{
color: #ff0000;
}

#top-back{
margin: 15px 0;
padding-left: 15px;
background-image: url(../img/jirei/topback.gif);
background-repeat: no-repeat;
background-position: left center;
}

hr{
border: 2px #0066cc solid;
}

/* 共通-----------------------↑↑↑--- */

#mokuji h2{
font-size: 1.2em;
background-image: url(../img/pattern-list.jpg);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}

#mokujih h2{
font-size: 1.2em;
background-image: url(../img/pattern-list.jpg);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}


/* -----------------------↑↑↑--- */


.maintil h2{
color: #006fdd;
font-size: 2em;
font-weight: bold;
}

.maintil{
border-top: 2px #0066cc solid;
}

.maintil ul{
line-height: 150%;
}

.bul-list{
width: 14px;
height: 14px;
background-color: #71b8ff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

.case-screen{
clear: left;
}

.case-both-layou div{
float: left;
max-width: 315px;
}

.case-both-layou p{
float: left;
max-width: 435px;
}


#jirei-buy{
}

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

#head-til #h1{
font-family: I-OTF-UD丸ゴPro B;
color: #0066cc;
font-size: 2.5em;
font-weight: bold;
}

#head-til p span{
font-family: I-OTF-UD丸ゴPro B;
color: #000000;
font-size: 1em;
margin-left: 20px;
}

#support .tokunread{
background-image: url(../img/tokun_speaker.jpg);
background-repeat: no-repeat;
padding-left: 20px;
}

#contents #tearch{
text-align: center;
background-color: #1863B4;
background: -moz-linear-gradient(top, #0396DB,#1863B4 80%,#293C98);
background: -webkit-gradient(linear, left top, left center, from(#0396DB),color-stop(0.8, #1863B4),to(#293C98));
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-left: 2px #41B5E6 solid;
border-top: 2px #41B5E6 solid;
border-right: 2px #1C225C solid;
border-bottom: 2px #1C225C solid;
margin-bottom: 10px;
}

#tearch p{
font-family: FOT-スーラ Pro B;
color: #ffffff;
font-size: 1.7em;
margin: 0;
}

#search{
background-color: #0066cb;
}

#search p{
color: #ffffff;
margin: 0;
padding-top: 5px;
padding-left: 5px;
}

#search span{
font-size: 0.9em;
padding-left: 75px;
}

#search a:hover{
color: #ff0000;
text-decoration: underline;
}

#search a:active{
color: #ffffff;
position: relative;
top: 1px;
}

#search a:visited{
color: #ffffff;
}

#search a:link{
color: #ffffff;
}

#search form{
padding: 5px;
}

#search input[type="text"]{
background-color: #ffffff;
}

#search input[type="submit"]{
cursor: pointer;
}






#contents #kategory{
	background-color: #1863B4;
	background: -moz-linear-gradient(left, #000236,#1863B4 80%,#0396DB);
	background: -webkit-gradient(linear, left top, left center, from(#000236),color-stop(0.8, #1863B4),to(#0396DB));
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-left-color: #0066CC;
	color: #FFFFFF;
	font-weight: bold;
}
#contents #kategory p {
	margin: 0px;
	line-height: 1.8em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-family: FOT-スーラ Pro B !important;
}

p.conback {
	background-image: url(../img/contentsback.jpg);
	background-repeat: no-repeat;
	background-position: 8px 7px;
}


section #sidenavibox {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

/*---↑＜main＞を＜div class="main＞に修正の時*/
section #sidenavibox div {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 128px;
	font-size: 85%;
}
#sidenavibox a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sidenavibox {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
	margin-bottom: 20px;
	margin-top: 0px;
}