/* 要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {margin: 0;padding: 0;border: none;font-style: normal;font-size: 100%;text-align: left;list-style-type: none;}
/* テキストエリア内文字サイズ */
textarea { font-size: 100%; }
/* 画像下の隙間をなくす */
/*img { vertical-align: bottom; }*/
img.left{float:left;margin-right:20px;vertical-align:top;}
.clear{clear: both;visibility: hidden;height: 0;margin-bottom:20px;}
body{background:url(images/background.jpg) repeat;color:#4C4C4C;font-size: 75%;font-family: メイリオ; _font-size: 80%; _font-family: MS UI Gothic; _line-height: 150%}
h1{color:#ffffff;display : inline-block;}
a{color:#767676;}
a:hover{color:#A0A0A0;}
#contents{margin-left:auto;margin-right:auto;}
.roginbg{width:200px;height:50px;background-image: url(images/roginbg.png);background-repeat: no-repeat;padding-top: 2px;padding-left: 30px;margin-top: -15px;margin-right: 27px;margin-bottom: 20px;float:right;}
.roginbg a:hover	{top:1px;left:1px;position:relative;}
.fclear{clear:right;}
.title{width:600px;height:26px;background-image: url(images/title.png);background-repeat: no-repeat;padding-top: 2px;padding-left: 25px;margin-bottom:20px;margin-top:20px;margin-left: auto;margin-right: auto;font-size:110%;}
.title-mini{width:600px;border: 1px solid #EFEFEF;padding: 2px;background-color:#FAFAFA;font-size:100%;margin-top:20px;}
.title-mini-box{width:583px;border: 1px solid #EFEFEF;padding: 10px;background-color:#EFEFEF;font-size:100%;}
#topimages{margin:0 0 0 20px;}
.border-images{clear:both;font-size:0px;height:4px;background:url(images/border-splash.jpg) no-repeat;}
#logo{width:906px;height:39px;margin:0 auto;background:url(images/body-body.jpg) repeat-y;}
#logo img{margin:0 0 0 42px;}
#body{width:906px;margin:0 auto;background:url(images/body-body.jpg) repeat-y;}
.mainbox{width:906px;margin:0 auto;background:url(images/body-body.jpg) repeat-y;}
.mainbox a:hover{top:1px;left:1px;position:relative;}
.mainbox2left{width:180px;float: left;padding-left:40px;margin-bottom:5px;margin-top:20px;}
.mainbox2right{width:600px;float: right;padding-right:40px;margin-bottom:5px;}
#sidebar{width:245px;}
#clear-body{height:30px;}
#bottom-body{position:relative;height:52px;width:906px;margin:0 auto;background:url(images/bottom-body.png) no-repeat;}
.footer{padding-top:-10px;text-align:center;}
#w3c{margin:0;}
#bottom-body #w3c a{position:absolute;width:87px;height:13px;top:22px;left:783px;}
a#blogbtn{display: block;height:80px;width:200px;background:url(images/blogbtn.png) no-repeat;text-indent: -1000px;}
a#blogbtn:hover{background-position: top right;top:0px;left:0px;position:relative;}
a#webbtn{display: block;height:80px;width:200px;background:url(images/webbtn.png) no-repeat;text-indent: -1000px;}
a#webbtn:hover{background-position: top right;top:0px;left:0px;position:relative;}
a#appsbtn{display: block;height:80px;width:200px;background:url(images/appsbtn.png) no-repeat;text-indent: -1000px;}
a#appsbtn:hover{background-position: top right;top:0px;left:0px;position:relative;}
a#mobilebtn{display: block;height:80px;width:200px;background:url(images/mobilebtn.png) no-repeat;text-indent: -1000px;}
a#mobilebtn:hover{background-position: top right;top:0px;left:0px;position:relative;}
/*:パンくずリスト:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#topicpath {height:2.7em;border:1px solid #c9c9c9;margin-top: 20px;}
#topicpath li {float:left;line-height:2.7em;color:#777;padding-left:.85em;}
#topicpath li a {background: url(images/breadcrums.jpg) no-repeat right center;display:block;padding:0 15px 0 0;top:0px;left:0px;position:relative;}
#topicpath li a:link, #topicpath li a:visited {color:#777;text-decoration:none;}
a:link, a:visited,#topicpath li a:hover,
#topicpath li a:focus {color:#222}
.sidebar{width: 200px;background-color: #F3F3F3;padding-bottom: 15px;}
#sidebar-top{width: 200px;height:20px;background-image: url(images/sidebar.png);}
/*:クライアントサインイン:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
* {border: none;}
.sprited {background: url(images/loginbgbox.png) no-repeat;line-height: 1000px;overflow: hidden;display: block;}
#signin {-moz-border-radius: 6px;background: #eef2f7;-webkit-border-radius: 6px;border: 1px solid #536376;-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;padding: 14px 22px;width: 400px;position: relative;display: none;}
#signin #signin-f {margin-top: 13px;}
#signin label {display: block;margin-bottom: 10px;color: #536376;font-size: .9em;}
#signin label input {display: block;width: 393px;height: 31px;background-position: -201px 0;padding: 2px 8px;font-size: 1.2em;line-height: 31px;font-family: Trebuchet MS;}    
#see_id {width: 228px;height: 23px;background-position: -202px -133px;}
#left_out {background-position: -202px -158px;width: 113px; height: 16px;}
#signin-f {position: relative;padding-bottom: 54px;margin-bottom: 12px;}
#actions {float: left;position: absolute;right: 0;height: 31px;bottom: 20px;}
a.form_button {float: left;width: 93px; height: 31px;margin-right: 15px;}
#cancel { background-position: -198px -36px; }
#log_in { background-position: -291px -36px; }
#cancel:hover { background-position: -198px -67px; }
#cancel:active { background-position: -198px -98px; }
#log_in:hover { background-position: -291px -67px; }
#log_in:active { background-position: -291px -98px; }
#close_x { width: 24px; height: 23px;overflow: hidden; line-height: 1000px;display: block;position: absolute; top: 5px; right: 5px;background-position: -387px -102px;}
#usage { background-position: -323px -172px; width: 67px; height: 22px;}