無料ブログ作成ならJUGEM(ジュゲム)

ホーム

テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : yag-tenpre20131204

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{site_title}</title>
<meta name="Description" content="アニメ/声優/マンガ/イラスト/ゲーム/フィギュアの学校、代々木アニメーション学院(代アニ) 広島校のブログ。授業風景からインフォメーションまでいろいろな情報を発信していきます。">
<meta name="Keywords" content="代アニ,広島,声優,アニメ,ゲーム,イラスト,フィギュア,キャラクター,学校,専門">
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<link rel="SHORTCUT ICON" href="http://yag-hiroshima.jp/favicon.ico">
<script type="text/javascript" src="./template/js/cookie.js"></script>

</head>

<body onload="javascript:initval();">
{gmo_header_src}

<center>
<table border="0" cellspacing="0" cellpadding="0" width="960">
<tbody>
<tr>
<td height="25" width="960" colspan="2" bgcolor="#0b60bb" style="font-size: 12px !important;">
&nbsp;<font color="#ffffff">{blog_description}</font></td>
</tr>
<tr>
<td width="960" height="240" colspan="2" class="top">
<a href="http://blog.yag-hiroshima.jp/" title="代々木アニメーション学院｜広島校ブログ">
<h1>{blog_name}</h1>
</a></td>
</tr>
</tbody>
</table>
</center>
   <div id="menu">
    <ul>
     <li><a href="http://yag-hiroshima.jp/main.html">HOME</a></li>
     <li><a href="http://yoani.jp/school_guidance/" target="_new">学院について</a></li>
     <li><a href="http://yoani.jp/subject/" target="_new">設置コース</a></li>
     <li><a href="http://yoani.jp/school_guidance/debut.html" target="_new">就職デビュー実績</a></li>
     <li><a href="http://blog.yag-hiroshima.jp/" class="active">広島校ブログ</a></li>
     <li><a href="http://yag-hiroshima.jp/event.html" target="_self">イベント情報</a></li>
     <li><a href="http://yoani.jp/school_building/" target="_self">アクセス</a></li>
     <li><a href="https://yoani.jp/form/siryo.html" target="_new">資料請求</a></li>
    </ul>
   </div>
<br class="clear">

<div id="contents">

<br>
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20131203_712994.jpg" border="0" alt="EVENT INFOMATION"><br>

<br>

<div class="linktitle">● カレンダー ●</div>
<div class="calendar">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell" style="color:#CC0000">日</td>
<td class="cell" style="color:#000000;">月</td>
<td class="cell" style="color:#000000;">火</td>
<td class="cell" style="color:#000000;">水</td>
<td class="cell" style="color:#000000;">木</td>
<td class="cell" style="color:#000000;">金</td>
<td class="cell" style="color:#0066CC">土</td>
</tr>
</table>
{calendar}
</div>

<div class="linktitle">● カテゴリー ●</div>
<div class="s-text">
{category_list}
</div>

<div class="linktitle">● モバイルはコチラ ●</div>
<div><br>{site_qrcode}<br><br></div>

{ad}

</td>

<div class="entry_navi">
{prev_entry} | <a href="./">main</a> | {next_entry} 
</div>

<div class="entry">
<center>
<div class="entry_date">{entry_date}</div>
<div class="entry_title"><strong style="border-bottom: dotted 2px;">{entry_title}</strong></div>
</center>
<div class="entry_body">{entry_description}</div>
<a name="sequel"></a>
<div class="entry_more">{entry_sequel}</div>
<div class="entry_state">{category_name} | {entry_time} | <a href="{pookmark_url}">pookmark</a> | <a href="#top">▲PAGETOP</a></div><br>
</div>
{trackback_auto_discovery}

<div class="page">{full_pager_link}<br><br><br></div>

<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20131203_712993.jpg" border="0" alt="お知らせ"><br>

<A Href="http://yoani.in/" Target="_blank" class="blrf">
<img src="http://img.blog.yag-hiroshima.jp/20091113_815025.gif" width="165" height="80" alt="情報満載！
公式ＨＰへＧＯ！" class="pict" /></A>
<BR>
<A Href="http://yoani.jp/" Target="_blank" class="blrf">
<img src="http://img.blog.yag-hiroshima.jp/20091113_815026.gif" width="165" height="130" alt="代アニ学院本部ＨＰへＧＯ！" class="pict" /></A>
<BR>
<A Href="http://lineat.jp/yag.hiroshima" Target="_blank" class="blrf">
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20130829_562720.jpg" alt="line" width="168" height="351" class="pict" /></A>
<BR>
<A Href="http://yoani.jp/guidance/ippan.html" Target="_blank" class="blrf">
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20131105_669601.jpg" alt="願書受付中" width="168" height="400" class="pict" /></A>
<BR>
<A Href="http://yoani.jp/guidance/recommendation.html" Target="_blank" class="blrf">
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20131202_710774.jpg" alt="推薦" width="168" height="355" class="pict" /></A>
<BR>
<A Href="https://yoani.jp/form/siryo.html" Target="_blank" class="blrf">
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20131202_710783.jpg" alt="資料請求" width="165" height="399" class="pict" /></A>
<BR>
<A Href="http://yoani.jp/subject/highschool.html" Target="_blank" class="blrf">
<img src="http://img.blog.yag-hiroshima.jp/20110606_2154533.jpg" width="165" height="393" alt="高等部" class="pict" /></A>
<BR>
<A Href="http://yoani.jp/school_building/hiroshima.html" Target="_blank" class="blrf">
<img src="http://img.blog.yag-hiroshima.jp/20120927_2783404.jpg" alt="2010年広島校は新校舎へ移設しました" width="165" height="393" class="pict" /></A>
<BR>
<A Href="http://www.rcc.net/hirogaku/" Target="_blank" class="blrf">
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20130329_233669.jpg" alt="ひろがく！" width="165" height="60" class="pict" /></A>
<p style="line-height: 100%; margin-left: 10; margin-top: 0; margin-bottom: 2; font-size: 14px">声優タレントコース在学生<BR>出　演　中　！</p>

<div class="linktitle">● アクセス ●</div>
<div style="font-size: 12px;color: #555555;"><br>
<img src="http://img-cdn.jg.jugem.jp/fbb/1513862/20131203_712986.jpg" border="0" alt="広島校校舎"></div>
<div class="s-text"><B>代々木アニメーション学院<br>
広島校</B><br>
〒730-0021<br>
広島県広島市中区胡町4-28<br>
胡町ﾋﾞﾙﾃﾞｨﾝｸﾞ2F<br>
<B>Tel. </B>082-504-9110<br>
<B>FreeCall. </B>0120-310-042<br>
------------<br>
<a href="" title="広島校へのアクセス">広島校へのアクセス</a><br>
------------<br>	
●<br>
<br>
●<br>
</div>

<div class="linktitle">● 選ばれている記事 ●</div>
<div class="s-text">
{selected_entry_list}
</div>

<div class="linktitle">● リンク ●</div>
<div class="s-text">
{link_list}
</div>

<div class="linktitle">● ブログ内を検索 ●</div>
<form method="get" action="">
<div class="search">
<br><input id="search" name="search" size="20" style="width:140px" class="form_color" />
<input type="submit" value="検索" class="button" />
</div><br>
</form>

<div class="linktitle">● その他 ●</div>

<A href="http://www.youtube.com/user/YoaniPR" class="blrf" title="yoaniPRチャンネル｜学生共同制作アニメなど公開中！" target="_blank">
<img src="http://yag-osaka.jp/blog/youtube.jpg" border="0" style="margin: 10px 0px"></A>
<div class="s-text">
<ul>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
</ul>
<div class="jugem_bana">
{powered}
</div>
</div>

<br class="clear" />

</td>
</tr>
</tbody>
</table>
</center>

<div id="footer">
     <div id="footMenu">
      <div class="section">
      <h3>その他学院インフォメーション</h3>
      <ul>
       <li><a href="http://yoani.jp/about/" target="_new" class="fr1">このサイトについて</a></li>
       <li><a href="http://yoani.jp/school_guidance/staff.html" target="_new" class="fr1">講師･スタッフ採用情報</a></li>
       <li><a href="http://yoani.jp/school_guidance/graduate.html" target="_new" class="fr1">卒業生の皆様へ</a></li>
       <li><a href="http://yoani.jp/school_guidance/kigyo.html" target="_new" class="fr1">企業の皆様へ</a></li>
       <li><a href="http://yoani.jp/policy/" target="_new" class="fr1">プライバシーポリシー</a></li>
      </ul>
      </div>
      <div class="section2">代々木アニメーション学院は全国に10校あり、創立36周年を迎えるクリエイター育成の伝統校です。
       <ul>
        <li>
         <a href="http://yoani.jp/" target="_new" class="fr1">東京本部校</a>
         <a href="http://blog.yagomiya.com/" target="_new" class="fr1">大宮キャンパス</a>
         <a href="http://blog.yag-hamacamp.main.jp/" target="_new" class="fr1">横浜キャンパス</a>
         <a href="http://yag-osaka.jp/" target="_new" class="fr1">大阪本部校</a>
         <a href="http://yag-nagoya.jp/" target="_new" class="fr1">名古屋校</a>
         <a href="http://yag-fukuoka.jp/" target="_new" class="fr1">福岡校</a>
         <a href="http://yag-hiroshima.jp/" target="_new" class="fr1">広島校</a>
         <a href="http://yag-sapporo.jp/" target="_new" class="fr1">札幌校</a>
         <a href="http://yag-sendai.jp/" target="_new" class="fr1">仙台校</a>
         <a href="http://yag-kanazawa.jp/" target="_new" class="fr1">金沢校</a>
        </li>
       </ul>
      </div>
      <div class="section2">
       <ul>
       <li>
       当サイト内のいかなる画像･映像･作品等においても無断転載･使用を禁じます
       </li>
       </ul>
      </div>
     </div>
     
     <div class="copyright">{copyright}</div>
    </div>

</body>
</html>

CSS

* {
margin: 0;
padding: 0;
}
body {
margin: 0px auto;
padding: 0px;
background-color: #FFF;
text-align: center;
}
.clear {
clear: both;
font: 0px/0px sans-serif ;
}
#layout {
margin: 0 auto;
text-align: left;
}
#header {
}
#contents #left {
float: left;
width: 175px;
}
#contents #center {
float: left;
width: 475px;
}
#contents #center .pad {
padding : 0 20px;
}
#contents #right {
float: right;
width: 170px;
}
h1 {
margin: 60px 0 0 90px;
padding: 0px;
font-size: 18px;
text-decoration: none;
}
ul {
margin: 0px 0px 0px 15px;
padding: 0px;
}
div, td {
font-family: "Verdana","メイリオ","VL Pゴシック","ＭＳ Ｐゴシック","Osaka‐等幅";
}
.form_color {
background: #ECECEC;
}
table tr td.top {
background:url("http://img-cdn.jg.jugem.jp/fbb/1513862/20131203_712739.jpg") 0 0 repeat-x;
}

a { color: #364098; text-decoration: none; }
a:link		{ color: #364098; text-decoration: none; }
a:visited	{ color: #364098; text-decoration: none; }
a:active	{ color: #364098; text-decoration: none; }
a:hover		{ color: #0099FF; text-decoration: none; }

.site_title a {color: #0099FF;text-decoration: none;}
.site_title a:link {color: #0099FF;text-decoration: none;}
.site_title a:visited {color: #0099FF;text-decoration: none;}
.site_title a:active {color: #0099FF;text-decoration: none;}
.site_title a:hover {color: #0099FF;text-decoration: none;}

.site_title {
font-size: 24px;
color: #000000;
margin: 20px 0px 10px 0px;
padding: 0px;
}

.description {
font-size: 14px;
color: #666666;
margin: 0px 0px 25px 0px;
}

.entry_navi{
font-size: 12px;
color: #666666;
margin: 15px 0px 15px 0px;
text-align: center;
}

.entry {
margin: 0px;
padding: 0px;
}

.entry_date {
font-size: 18px;
font-weight: bolder;
color: #364098;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #888888;
}

.entry_title {
font-size: 14px;
font-weight: bolder;
color: #555555;
margin: 10px 0px 25px 0px;
}

.entry_body {
font-size: 12px;
line-height: 170%;
color: #555555;
text-align:justify;
text-justify:distribute;
line-break:strict;
margin: 15px 0px 15px 0px;
}

.entry_author {
font-size: 10px;
color: #999999;
margin: 5px 0px 5px 0px;
text-align: right;
}

.entry_more {
font-size: 11px;
line-height: 170%;
color: #333333;
margin: 15px 0px 15px 0px;
}

.entry_state {
font-size: 11px;
color: #666666;
margin: 15px 0px 30px 0px;
}

blockquote {
font-size: 11px;
color: #666666;
margin: 20px 10px 20px 10px;
padding: 10px;
border-left: 3px solid #CCCCCC;
}

.comment-title {
font-size: 14px;
font-weight: bolder;
color: #666666;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.trackback-title {
font-size: 14px;
font-weight: bolder;
color: #666666;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.pict {
border-width: 1px;
border-style: solid;
border-color: #999;
margin: 8px 0;
}

.pict2 {
margin: 8px 0;
}

.page {
font-size: 14px;
color: #666666;
padding: 10px 0px 0px 0px;
border-top: 1px dotted #CCCCCC;
text-align: center;
}

.linktitle {
font-family: "Verdana";
font-size: 12px;
font-weight: bolder;
color: #364098;
border-bottom: dotted 2px #ffffff;
line-height: 170%;
margin: 10px 0px 0px 0px;
}

.linktext {
font-size: 11px;
color: #888888;
line-height: 170%;
margin: 5px 0px 25px 2px;
}

.search {
font-size: 10px;
color: #333333;
line-height: 170%;
margin: 0px 0px 5px 0px;
}

.button {
margin: 5px 0 0 0;
}

.copyright {
font-size: 10px;
color: #333333;
line-height: 170%;
border-top: 1px dotted #CCCCCC;
margin: 30px 0px 0px 0px;
padding-top: 10px;
}

.calendar {
font-family: "Verdana";
font-size: 10px;
width: 168px;
text-align: center;
color: #666666;
margin: 5px 0px 20px 0px;
}

.calendar_month {
font-family: "Verdana";
margin-bottom: 10px;
font-size: 10px;
color: #666666;
}

.cell {
width: 25px;
height: 20px;
padding: 0px;
text-align:center;
font-size: 10px;
color: #666666;
}

.jugem_bana{
	margin: 20px 1px 10px 0px;
}

.blrf:HOVER{
  visibility : visible;
  position : relative;
  top : 1pt;
  left : 1pt;
}

.s-text{
font-size: 12px;
color: #333;
text-align: left;
width:168px;
margin: 10px 0px 25px 0px;
}

/* ========MENU CUSTOMIZE======== */
#menu {
   width:100%;
   float:left;
   z-index:100;
   font-size:12px;
   border-bottom:5px solid #0b60bb;
   background:url("http://yag-hiroshima.jp/images/bg_menu.gif") 0 0 repeat-x;
}
#menu ul {
   overflow:hidden;
   width:960px;
   margin:0 auto;
   padding:0;
   border-right:1px solid #e5e5e5;
}
#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}
#menu li a {
   display:block;
   width:119px;
   color:#333;
   line-height:50px;
   text-decoration:none;
   border-left:1px solid #e5e5e5;
}
#menu li a.active {
   color:#fff;
   text-decoration:none;
   background:url("http://yag-hiroshima.jp/images/bg_menu_on.gif") 0 0 repeat-x;
}
#menu li a:hover {
   color:#fff;
   text-decoration:none;
   background:url("http://yag-hiroshima.jp/images/bg_menu_on.gif") 0 0 repeat-x;
}

/* ========FOOTMENU CUSTOMIZE======== */
.fr1:link	{text-decoration: none;}
.fr1:visited	{text-decoration: none;}
.fr1:active	{text-decoration: underline;}
.fr1:hover	{text-decoration: underline;}

#footer {
   clear:both;
   background:#0b60bb;
}

#footMenu {
   clear:both;
   color:#FFFFFF;
   overflow:hidden;
   width:960px;
   margin:0 auto;
   padding:30px 10px 30px 40px;
}

#footMenu .section {
   float:left;
   width:190px;
   margin-right:20px;
   padding:0;
}

#footMenu h3 {
   font-size:12px;
   border-bottom:1px dotted #fff;
}

#footMenu ul {
   margin:0;
   padding:0;
}

#footMenu li {
   margin:0;
   padding:0;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   font-size:11px;
   color:#FFFFFF;
   background:url(http://yag-hiroshima.jp/images/bg_footmenu.gif) 0 50% no-repeat;
}

#footMenu .section2 {
	font-size:10px;
	float:left;
	width:680px;
	margin-right:20px;
	margin-bottom:20px;
	padding:0;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
	color:#fff;
	clear:both;
	padding:8px 0;
	font-style:normal;
	font-size:11px;
	text-align:center;
}
.copyright a{ color:#fff; }

高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！: 今すぐ 無料ブログ をはじめよう！ ≫ブログ作成