@charset "utf-8";
/* index --------------------------------------
-BASE
-STRUCTURE
-COMPONENT
-CONTENTS
----------------------------------------------------*/
/*--------------------------------------------------*/
/* [BASE] */
/*--------------------------------------------------*/
/* base elements
----------------------------------------------------*/
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, td, th { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; }
ul, ol, dl { list-style-type:none; }
table, th, td, img { border:0px; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:inherit; font:100%; }
th, td { font-weight:normal; }
img, a img { background:transparent; }
caption, th { text-align:left; }
address { font-style:normal; }
hr { display:none; }
/* font_size
----------------------------------------------------*/
body { font:13px 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'osaka', "Verdana", "Arial", "Helvetica", sans-serif;  *font-size:small;
 *font:x-small;
color:#663333; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
p, th, td, dt, dd, li { line-height:1.5; }
p, dt { font-size:93%; }
/* link_color 
----------------------------------------------------*/
a:link { color:#663333; text-decoration:underline; }
a:visited { color:#663333; text-decoration:underline; }
a:hover { color:#663333; text-decoration:none; }
a:active { color:#663333; text-decoration:underline; }
/* bottom_margin,left_margin
----------------------------------------------------*/
.b_m0 { margin-bottom:0 !important; }
.b_m5 { margin-bottom:5px !important; }
.b_m10 { margin-bottom:10px !important; }
.b_m15 { margin-bottom:15px !important; }
.b_m20 { margin-bottom:20px !important; }
.b_m25 { margin-bottom:25px !important; }
.b_m30 { margin-bottom:30px !important; }
.b_m35 { margin-bottom:35px !important; }
.b_m40 { margin-bottom:40px !important; }
.b_m45 { margin-bottom:45px !important; }
.b_m50 { margin-bottom:50px !important; }
.b_m55 { margin-bottom:55px !important; }
.b_m60 { margin-bottom:60px !important; }
.m_none { margin:0 !important; }
/* clear
----------------------------------------------------*/
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; line-height: 0; }
.clearfix { display: inline-block; min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
.clear_all { clear: both; line-height: 0px; }
.clear_noie { display: inline !important; display: none; clear: both; line-height: 0px; }
/* other
----------------------------------------------------*/
.hidden { display:none; }
/*--------------------------------------------------*/
/* [STRUCTURE] */
/*--------------------------------------------------*/
/* body
----------------------------------------------------*/ 
body { text-align:center; background-color:#E3CACA; }
/* header
----------------------------------------------------*/ 
#header { width:800px; background:url(../img_cmn/bg_header.gif) repeat-x 0 0 #FFF; margin:0 auto; text-align:left; padding-bottom:20px; }
#header img { vertical-align:top; }
#header div.hnavi { width:765px; padding:20px 0 8px 20px; }
#header div.hnavi p { float:left; font-size:77%; }
#header div.hnavi ul { float:right; width:194px; }
#header div.hnavi li { float:left; padding-left:12px; width:85px; line-height:1; }
#header div.main { width:780px; margin:0 auto 12px; }
#header div.main #logo { width:375px; float:left; }
#header div.main div.contact { width:267px; float:right; }
#header div.main div.contact li.mail { margin-right:7px; text-align:right; line-height:1; }
#header #gnavi { width:780px; margin:0 auto; background:url(../img_cmn/bg_gn.jpg) no-repeat left bottom; padding-bottom:15px; }
#header #gnavi li { float:left; }
/* container
----------------------------------------------------*/ 
#container { width:780px; margin:0 auto; text-align:left; background:url(../img_cmn/bg_side.gif) repeat-y right top #FFF; padding:0 10px; }
#container #contents { float:left; width:575px; }
#container #side { float:right; width:160px; padding:12px 12px 12px 13px; }
/* footer
----------------------------------------------------*/ 
#footer { width:800px; margin:0 auto; padding:30px 0 15px; background-color:#FFF; }
#footer #ft_navi { margin-bottom:12px; }
#footer #ft_navi p { font-weight:bold; }
#footer div.copyright { width:800px; background:url(../img_cmn/bg_footer.gif) repeat-x left top; padding-top:23px; }
#footer div.copyright p { font-size:93%; }
/*--------------------------------------------------*/
/* [COMPONENT] */
/*--------------------------------------------------*/
/* side
----------------------------------------------------*/ 
#side div.banner { width:185px; margin:-12px -12px 15px -13px; padding:0 0 5px 0; background:#FFF;} 
#side h2.heading { background:url(../img_cmn/bg_side_tit.gif) no-repeat left bottom; padding:0 0 5px 15px; width:145px; font-weight:bold; margin-bottom:9px; color:#996666 }
#side div.message, #side div.profile, #side div.blog, #side div.writing { margin-bottom:25px; }
/* message */
#tweet { width:160px; background:url(../img_cmn/bg_twitter_02.gif) no-repeat left bottom; margin-bottom:5px; }
#tweet div.pack { width:146px; background:url(../img_cmn/bg_twitter_01.gif) no-repeat 0 0; padding:5px 6px 20px 8px; }
#tweet h2 { margin-bottom:5px; }
#tweet #twitter_update_list li span { font-size:77%; display:block; }
#side div.message div.foryou { text-align:center; }
#side div.message div.foryou dd { font-weight:bold; font-size:93%; }
/* profile */
#side div.profile div.photo { float:right; padding:0 0 5px 5px; }
#side div.profile dt { font-weight:bold; margin-bottom:10px; line-height:1.3; }
#side div.profile dt span { font-size:82%; }
#side div.profile dd { font-size:77%; }
#side p.arrowlink { background:url(../img_cmn/icon_link_02.gif) no-repeat 0 .3em; font-size:77%; font-weight:bold; padding-left:16px; float:right; }
/* blog */
#side div.blog p { font-size:82%; margin-bottom:10px; }
#side div.blog dl { margin-bottom:20px; }
#side div.blog dt { background:url(../img_cmn/icon_date.gif) no-repeat left .2em; padding-left:9px; font-size:82%; line-height:1; color:#000; }
#side div.blog dd { font-size:93%; margin-bottom:8px; font-weight:bold; padding-left:9px; }
/* writing */
#side div.writing li { margin-bottom:15px; }
#side div.writing li div.photo { float:left; width:45px; }
#side div.writing dl { float:right; width:105px; }
#side div.writing dt { font-weight:bold; }
#side div.writing dd { font-size:77%; color:#000; }
/* office */
#side div.office dl { color:#000; }
#side div.office dt { font-size:82%; line-height:1.4; }
#side div.office dd { font-size:77%; margin-bottom:15px; line-height:1.4; }
/* contents
----------------------------------------------------*/ 
#contents p.arrowlink01, #contents p.arrowlink02 { background:url(../img_cmn/icon_link_01.gif) no-repeat 0 .3em; padding-left:16px; font-weight:bold; }
#contents p.arrowlink01 { font-size:77%; }
#contents p.arrowlink02 { font-size:93%; }
/*--------------------------------------------------*/
/* [CONTENTS] */
/*--------------------------------------------------*/
/* /index.html
----------------------------------------------------*/ 
#contents #mainvisual { height:148px; margin-bottom:20px; overflow:hidden; }
/* news */
#contents div.news { padding-bottom:25px; }
#contents div.news h2 { margin-bottom:20px; }
#contents div.news dt { font-weight:bold; width:75px; text-align:right; float:left; clear:both; }
#contents div.news img.new { vertical-align:middle; margin-right:5px; }
#contents div.news dd { padding-left:95px; margin-bottom:8px; font-size:93%; }
/* csrmenu */
#contents div.csrmenu { margin-bottom:10px; }
#contents div.csrmenu ul { width:600px; margin-right:-25px; }
#contents div.csrmenu li { width:275px; float:left; padding:0 25px 35px 0; }
#contents div.csrmenu li h2 { margin-bottom:13px; }
#contents div.csrmenu li dt { width:96px; float:left; }
#contents div.csrmenu li dd { width:173px; float:right; }
#contents div.csrmenu li dd p { margin-bottom:5px; }
#contents div.csrmenu li dd p.arrowlink01 { margin-bottom:0; }
/* support */
#contents div.support { margin-bottom:20px; }
#contents div.support h2 { margin-bottom:18px; }
#contents div.support p { margin:0 0 18px 5px; }
#contents div.support div.photo { float:right; padding:0 0 10px 10px; }