/* ------------------------------------- * 共通設定 * ------------------------------------- */ *{ margin: 0px; padding:0px; } body { color:#322C28; background-color:#FFF; font: 12px/1.5 "Arial","sans-serif", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; } img { border:none; } li { list-style:none; } br.clear { clear:both; font:0/0 sans-serif; } /* ------------------------------------- * リンクカラーの設定 * ------------------------------------- */ a:link, a:visited, a:active {color: #322C28; text-decoration: underline;} a:hover {color: #0390FB; text-decoration: underline;} /* ------------------------------------- * ページレイアウト * ------------------------------------- */ #wrapper {background: url(http://asp-k.com/img/back2.jpg);} #wrapper_pad { width:800px; margin:0px auto; background: url(http://asp-k.com/img/bodyback.jpg) repeat-y; } #header { width:800px; height:435px; color:#FFF; } #sidemenu { width:220px; padding:20px 0px 0px 0px; float:left; } #sidemenu a:link, #sidemenu a:visited, #sidemenu a:active {color: #322C28; text-decoration: none;} #sidemenu a:hover {color: #0390FB; text-decoration: none;} #main { width:530px; padding:20px 0 0 20px; float:left; } #main1 { width:760px; padding:20px 20px 20px 20px; float:left; } #footer { width:800px; height:60px; margin:0px; background: url(http://asp-k.com/img/footer_right.jpg) no-repeat; text-indent:-9999px; clear:both; } /* ------------------------------------- * サイドメニュー * ------------------------------------- */ #sidemenu dl { width:200px; margin:20px 10px 0px 0; font-size:10px; } #sidemenu dt { padding:7px 5px 5px 20px; color:#0390FB; background:url(http://asp-k.com/img/sidemenu_dtback.gif) no-repeat; font-size:13px; font-weight:bold; border-top: 1px #0390FB solid; border-right: 1px #0390FB solid; border-bottom: 1px #0390FB solid; border-left: 1px #0390FB solid; } #sidemenu dd { margin:0px; } #sidemenu li { padding:4px; margin-bottom:0px; border-bottom:1px #0390FB dotted; } #submenu {width:200px;padding:0px; margin:0px 0px 0px 20px;height:360px;float:left;} #submenu span {text-indent:-9999px;float:left;} #submenu a {margin:0;text-decoration:none;display:block;width:200px;background-image:url(img/submenu.gif);} #alu_01 a { background-position: -200px 0px; height:45px;} #alu_01 a:hover {background-position: -200px 0px;} #alu_02 a { background-position: 0px -45px; height:45px;} #alu_02 a:hover {background-position: -200px -45px;} #alu_03 a { background-position: 0px -90px; height:45px;} #alu_03 a:hover {background-position: -200px -90px;} #alu_04 a { background-position: 0px -135px; height:45px;} #alu_04 a:hover {background-position: -200px -135px;} #alu_05 a { background-position: 0px -180px; height:45px;} #alu_05 a:hover {background-position: -200px -180px;} #alu_06 a { background-position: 0px -225px; height:45px;} #alu_06 a:hover {background-position: -200px -225px;} #alu_07 a { background-position: 0px -270px; height:45px;} #alu_07 a:hover {background-position: -200px -270px;} #alu_08 a { background-position: 0px -315px; height:45px;} #alu_08 a:hover {background-position: -200px -315px;} /* ------------------------------------- * フッター * ------------------------------------- */ .pagetop { float:right; font-size:10px; } #footer address { font-style:normal; font-size:10px; color: #0390FB; text-indent:-9999px; } #footer a:link, #footer a:visited, #footer a:active {color: #0390FB; text-decoration: underline;} #footer a:hover {color: #0390FB; text-decoration: underline;} /* ------------------------------------- * ここから自作　ヘッダー部分 * ------------------------------------- */ #header_top {width:800px;padding:0px;height:50px;float:left;} #header_top span {text-indent:-9999px;float:left;} #header_top a {margin:0;text-decoration:none;display:block;height:50px;background-image:url(http://asp-k.com/img/header_top.jpg);} #top a { background-position: 0px 0px; width:800px;} #top a:hover {background-position: 0px 0px;} #header_tab {width:800px;padding:0px;height:30px;float:left; background-image:url(http://asp-k.com/img/header_tab.jpg);} #header_tab span {text-indent:-9999px;float:left;} #header_tab a {margin:0;text-decoration:none;display:block;height:30px;} #tab_01 a { background-position: 0px 0px; width:80px;} #tab_01 a:hover {background-position: 0px 0px;} #tab_02 a { background-position: -80px 0px; width:80px;} #tab_02 a:hover {background-position: -80px 0px;} #tab_03 a { background-position: -160px 0px; width:640px;} #tab_03 a:hover {background-position: -160px 0px;} #header_photo {width:800px;padding:0px;height:300px;float:left; background-image:url(http://asp-k.com/alumuni/img/main.gif);} #header_photo span {text-indent:-9999px;float:left;} #header_photo a {margin:0;text-decoration:none;display:block;height:300px;} #photo a { background-position: 0px 0px; width:800px;} #photo a:hover {background-position: 0px 0px;} #header_menu {width:800px;padding:0px;height:55px;float:left; } #header_menu span {text-indent:-9999px;float:left; height:55px; background-image:url(http://asp-k.com/img/header_menu.jpg);} #header_menu a {margin:0;text-decoration:none;display:block;height:55px;background-image:url(http://asp-k.com/img/header_menu.jpg);} #menu_01 a { background-position: 0px 0px; width:68px;} #menu_01 a:hover {background-position: 0px -55px;} #menu_02 a { background-position: -68px 0px; width:102px;} #menu_02 a:hover {background-position: -68px -55px;} #menu_03 a { background-position: -170px 0px; width:115px;} #menu_03 a:hover {background-position: -170px -55px;} #menu_04 a { background-position: -285px 0px; width:78px;} #menu_04 a:hover {background-position: -285px -55px;} #menu_05 a { background-position: -363px 0px; width:78px;} #menu_05 a:hover {background-position: -363px -55px;} #menu_06 a { background-position: -441px 0px; width:100px;} #menu_06 a:hover {background-position:-441px -55px;} #menu_07 a { background-position: -541px -55px; width:100px;} #menu_07 a:hover {background-position: -541px -55px;} #menu_08 a { background-position: -641px 0px; width:76px;} #menu_08 a:hover {background-position: -641px -55px;} #menu_09 a { background-position: -717px 0px; width:83px;} #menu_09 a:hover {background-position: -717px -55px;} .flame { padding:20px; margin:10px 10px; background-color:#f1f1e2; border-top: 1px #cfc8ac solid; border-right: 1px #cfc8ac solid; border-bottom: 1px #cfc8ac solid; border-left: 1px #cfc8ac solid; } .indent30{ margin:0px 0px 0px 30px; } .dotflame { padding:10px; margin:5px 5px 5px 5px; border-top: 1px #777 dotted; border-right: 1px #777 dotted; border-bottom: 1px #777 dotted; border-left: 1px #777 dotted; } .leftbar{ padding:0px 0px 0px 8px; margin:10px 0px; border-left:6px #444 solid; } .author{ margin:0px 0px 10px 450px; font-size:13px; } .fusen_b{ padding:2px 10px; margin:8px 0px 0px 0px; border-top:1px #0390FB solid; border-right:1px #0390FB solid; border-bottom:1px #0390FB solid; border-left:1px #0390FB solid; color:#0390FB; } .indent50{ margin:0px 0px 0px 50px; } .lead_right { font-style:bolder; margin:0px 20px 0px 0px; padding:5px 0px 5px 20px; font-size:13px; color: #FFF; background:#C6A835; text-indent:0px; } .title{ font-size:18px; margin:0px 0px 30px 0px; font-weight:bolder; } .title2{ font-size:18px; margin:0px 0px 0px 0px; font-weight:bolder; } .titlegif{ margin:20px 0px 0px -20px; } .text_body{ line-height:180%; font-size:13px; margin:0px 0px 50px 0px; } .quote{ line-height:180%; font-size:13px; color: #0390FB; margin:0px 25px 20px 25px; } .text_body2{ font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height:180%; font-size:13px; } .text_body3{ line-height:140%; font-size:13px; margin:15px 0px 50px 0px; } p { margin:10px 0px; } .name_j{ font-size:16px; margin:8px 0px 0px 0px; line-height:110%; } .name_e{ font-size:12px; margin:0px 0px 10px 0px; padding:0px 0px 4px 0px; line-height:120%; border-bottom:4px #888 solid; } .katagaki{ font-size:13px; line-height:120%; color:#F62B23; margin:5px 0px 7px 0px; } .detail{ font-size:12px; line-height:100%; color:#444; margin:0px 0px 20px 0px; padding:4px 0px; } .amazon{ margin:20px 0px 0px 0px; }