@charset "shift_jis";
/*==================================================================================================================*/
/* ------> ���Z�b�g�X�^�C�� <<<-------------------------------------------------------------------------------------*/
/*==================================================================================================================*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquout,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing:0;}ul,ol,li{list-style: none;}caption,th{text-align: left;}h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000000;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}ol,ul{list-style: none;}a{cursor: pointer;}fieldset,img{border: 0;}

/*==================================================================================================================*/
/* ------> �t�H���g�X�^�C�� <<<-------------------------------------------------------------------------------------*/
/*==================================================================================================================*/
html {color:#666666;}
body{font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, san-serif, "���C���I", Meiryo, "�l�r �o�S�V�b�N", "MS P Gothic";}
/* �t�H���g�T�C�Y
------------------------------------- */
body {font-size:0.8em;line-height:1.6em;}
/* IE 6 or sooner*/
* html body {font-size:75%;}table{font-size:inherit;font:100%;}
/* YUI font CSS ����
------------------------------------- */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/* ���̑���������
------------------------------------- */
.f80 {font-size:0.8em;line-height:1.6em;}
.f120 {font-size:1.2em;line-height:1.6em;}
.f140 {font-size:1.4em;line-height:1.5em;}
.fw {font-weight:bold;}
.gray {color:#999999;}
.red {color:#FF0000;}

/*==================================================================================================================*/
/* ------> ���{���C�A�E�g�X�^�C�� <<<-------------------------------------------------------------------------------*/
/*==================================================================================================================*/

/* Tags
------------------------------------------------------------------------------------------------------------------- */
html, body {scrollbar-base-color:#CCCCCC;scrollbar-track-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color:#CCCCCC;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#CCCCCC;}
body {text-align:center;background:#FFF url(../images/base/pageback.gif) repeat-x;}
h1 {margin:0 0 22px 0;padding:0 0 0 13px;font-size:0.8em;line-height:23px;color:#FFF;background:url(../images/base/h1_back.gif) no-repeat top right;}
h1 a:link, h1 a:visited {color:#FFFFFF;text-decoration:none;}
h1 a:hover, h1 a:active {color:#EFEFEF;text-decoration:underline;}
a:link, a:visited {color:#444444;text-decoration:underline;}
a:hover, a:active {color:#999999;text-decoration:underline;}

/* ���{���C�A�E�g
------------------------------------------------------------------------------------------------------------------- */
div#container {text-align:left;margin:0 auto;width:870px;}
div#header {margin-bottom:30px;background:url(../images/base/head_back.gif) no-repeat top center;width:870px;}
div.header_inner {padding:0 5px;}
div#head_right {margin:0;width:650px;float:right;}
div#head_right li {font-size:0;line-height:0;display:inline;}
div#head_left {margin:0;font-size:0;line-height:0;width:200px;float:left;}
div#head_left li {display:inline;}
div#index_contents {margin:0 5px 50px 5px;}
div#index_contents_left {width:560px;float:left;}
div#index_contents_right {font-size:0.8em;line-height:1.4em;width:270px;float:right;}
div#contents {margin:0 0 40px 0;padding:5px;background:url(../images/base/contents_back.gif) no-repeat top left;clear:both;}
div#blog_contents {margin:0 0 40px 0;padding:5px;background:url(../images/base/blog_contents_back.gif) no-repeat top left;clear:both;}
div#contents_left {width:625px;float:left;}
div.contents_left_inner {margin:0;padding:30px 20px 0 20px;clear:both;}
div#contents_left .pankuzu {width:625px;background:url(../images/base/pankuzu_back.gif) repeat-x top center;border-bottom:solid 1px #dddddd;}
div#contents_left .pankuzu h2 {margin-left:10px;padding:0 15px;line-height:32px;font-size:0.8em;color:#999;background:url(../images/base/home.gif) no-repeat left center;}
.pagetop1 {padding:0 15px 0 0;font-size:0.8em;text-align:right;background:url(../images/list1.gif) no-repeat right center;}
div#contents_right {font-size:0.8em;line-height:1.4em;width:220px;float:right;}
div.contents_right_inner {margin:0;}
div#footer {margin:0;padding:0;font-size:0.8em;width:870px;position:relative;clear:both;}
div.footer_inner {padding:0 5px;}
div#footer h2 {margin:0;padding:0;line-height:20px;letter-spacing:0.1em;color:#999999;}
div#footer ul {padding:20px 0 15px 0;background:url(../images/base/footer_back.gif) repeat-x;}
div#footer li {letter-spacing:0.1em;line-height:2em;display:inline;}
div#footer p {padding:0 0 25px 0;color:#999999;line-height:1.5em;}
div#footer p a {color:#999999;text-decoration:none;}
div#footer p a:hover {color:#696969;text-decoration:underline;}
div.footer_right {width:196px;position:absolute;top:0;right:5px;}

/*==================================================================================================================*/
/* ------> �E�J���� <<<---------------------------------------------------------------------------------------------*/
/*==================================================================================================================*/
div#index_inq_box {margin:0 0 20px 0;padding:0;font-size:0;line-height:0;background:url(../images/top/inq_back.jpg) no-repeat bottom;}
div.index_inq_box_inner {padding:19px 0 19px 25px;}
div#inq_box {margin:0 0 10px 0;padding:0;font-size:0;line-height:0;background:url(../images/base/inq_back.jpg) no-repeat bottom;}
div.inq_box_inner {padding:12px 0 13px 20px;}
div#index_melma {margin-bottom:20px;background:url(../images/top/blog_back.gif) no-repeat left bottom;}
div#index_melma_inner {margin:0;padding:15px 15px 15px 15px;}
div#index_melma_inner form {padding:5px 10px 10px 10px;font-size:1.2em;line-height:1.5em;background:#F2F2F2;}
div#index_melma_inner form .textfield {padding:2px 2px;color:#444444;border:solid 1px #CCC;width:140px;}
div#index_melma_inner form .melma_btn {padding:5px 0;font-size:1.2em;}
div#index_melma_inner table {margin:0 0 5px 0;width:220px;}
div#index_melma_inner th {border-bottom:dotted 1px #CCCCCC;width:60px;}
div#index_melma_inner td {padding:5px 0;border-bottom:dotted 1px #CCCCCC;}
div#blog {margin-bottom:20px;background:url(../images/top/blog_back.gif) no-repeat left bottom;}
div#blog_inner {margin:0;padding:8px 5px 5px 5px;}
div#blog_inner iframe {scrollbar-base-color:#CCCCCC;scrollbar-track-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;scrollbar-darkshadow-color:#CCCCCC;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#CCCCCC;width:260px;height:135px;overflow:auto;}
div#index_comp {margin-bottom:25px;background:url(../images/top/comp_back.gif) no-repeat bottom;}
div#comp {margin-bottom:25px;background:url(../images/base/comp_back.gif) no-repeat bottom;}
div#comp_inner {padding:15px 25px;}
div#comp_inner h2 {font-weight:bold;color:#444444;font-size:1.4em;}
div#comp_inner span {font-weight:bold;color:#a3a3a3;}
div#comp_inner p {color:#666666;}
div#ins_comp_inner {margin:0;padding:12px 0 0 12px;border-left:solid 2px #d6d6d6;}
div#related_link {margin-top: 30px;}
div#related_link ul {margin-top: 10px;}
div#related_link a:hover {opacity: 0.6;}
div.banner ul {overflow: hidden;}
div.banner li {font-size:0;line-height:0;float:left;margin-top: 4px;margin-left: 4px;}
div.banner li:nth-child(2n+1) {margin-left: 0;}
div.banner a:hover{position:relative;top:1px;}




/* Style etc
------------------------------------------------------------------------------------------------------------------- */
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}


.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}


.mr10 {margin-right:10px;}
.mr18 {margin-right:18px;}

.pt0 {padding-top: 0 !important;}

/* ClearFix
------------------------------------------------------------------------------------------------------------------- */
.clr {clear:both;}
ul.fbox li,ol.fbox li{float:left;display:inline;}
/* modern browsers */
.clearfix:after, .wrapper:after, .fbox:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* IE7 */
.clearfix, .wrapper, .fbox {display:inline-block;}
/* legacy IE */
* html .clearfix, * html .wrapper, * html .fbox {height:1%;}
.clearfix, .wrapper, .fbox{display:block;}