@charset "utf-8";
/*---------------------------------------------

01. layout
02. header
03. mainArea
04. footer
05. info
06. clearfix
07. about
08. news_list
09. calendar
10. campus_live
11. entry
12. CL+1
13. lastyear

http://www.domatsuri.com/entaku
---------------------------------------------*/

/*---------------------------------------------
01. layout
---------------------------------------------*/
#main { background:#fff; margin:0 auto; min-width:1000px; width:100%; overflow-x:hidden; }
#main:after { content: ""; clear: both; display: block; }
#main #content { width:950px; margin:20px auto 15px; position:relative; }
#main #content #left_content { float:left; width:698px; }

#main.dot_bg { background:url(../images/bg_dot.png) left top repeat; }
#main.dot_bg #content { margin: 15px auto; position:relative; }

#leftCol { float:left; width:300px; /* margin-top:20px; */ margin-right:10px; }
#leftCol div a { background:url(../images/entac01.png) 0 0 no-repeat; color:#fff; height:300px; display:block; text-align:left; text-decoration:none; width:300px;  }
#leftCol div a:hover { text-decoration:underline; }
#leftCol div a span { display:block;  line-height:1.6; padding:212px 10px 0; }
#middleCol { float:left; /* margin-top:20px; */ width:388px; }
#rightCol { float:right; width:238px; /* border: 1px solid #CCCCCC; */ }
#rightCol #banner { margin-bottom: 15px; }
#rightCol ul li #social div.box { border:1px solid #ccc; width:236px; }
#rightCol ul li #social div.box ul li { border: none; width:236px;}
#rightCol ul li #social div.first { margin-top:0; }	
#rightCol ul li #social #sapporo { margin-top:15px; }
#rightCol div.box { border:1px solid #ccc; width:236px; }

#footCol { float:none; margin:10px auto 0; width:940px; }

#top #footCol { float:left; margin:10px auto 0; width:940px; }
#top #footCol ul li { border:1px solid #ccc; float:left; margin-right:12px; width:224px; }
#top #footCol ul li.last { margin-right:0; border: none; }
#top #footCol ul li div a { display:block; text-align:left; text-decoration:none; }
#top #footCol ul li div a:hover { cursor:pointer; text-decoration:underline; }
#top #footCol ul li .calendar a { background:url(../images/calendar.png) 0 0 no-repeat; color:#fff; width:224px; height:320px; }
#top #footCol ul li .mis_mr a { background:url(../images/mis_mr.png) 0 0 no-repeat; color:#fff; width:224px; height:320px; }
#top #footCol ul li .campas a { background:url(../images/campas.png) 0 0 no-repeat; color:#fff; width:224px; height:320px; }
#top #footCol ul li .entry a { background:url(../images/entry.png) 0 0 no-repeat; color:#fff; width:224px; height:320px; border:1px solid #E4007F; }
#top #footCol ul li .calendar a span { display:block;  line-height:1.6; padding:214px 10px 0; }
#top #footCol ul li .mis_mr a span { display:block;  line-height:1.6; padding:228px 10px 0;  }
#top #footCol ul li .campas a span { display:block;  line-height:1.6; padding:214px 10px 0; }
#top #footCol ul li .entry a span { display:block;  line-height:1.6; padding:214px 10px 0; }

.twtr-ft { display:none; }

/*---------------------------------------------
02. header
---------------------------------------------*/

/*---------------------------------------------
03. mainArea
---------------------------------------------*/
#mainArea { background:#f7f7f7; border-bottom:1px solid #ddd; float:none; width:100%; padding:0; margin:0 auto; }

/*--- mainVisual ----*/
#mainVisual { position: relative; margin:0 auto; width:950px; }
#mainVisual #mainVisualView { width: 950px; height: 400px; }
#mainVisual #mainVisualView a {  display: block; width: 950px; height: 400px; }
#mainVisual #mainVisualData li,
#mainVisual #mainVisualData li a { cursor: pointer; }
#mainVisual #mainVisualCtrl { position: absolute; top: 402px; left: 0; width: 950px; text-align: center; }
#mainVisual #mainVisualCtrl li	{ display: inline; padding: 0 5px; font: sans-serif; }
#mainVisual #mainVisualCtrl img { cursor: pointer; }

/*--- mainVisual2 ----*/
#mainArea2 {
background:url(../images/bg_mainvisual2.png) center top repeat-x;
border-bottom:1px solid #ddd;
float:none;
width:100%;
padding:0;
margin:0 auto;
min-height:640px;
}
#mainArea2 #mainVisual2 {
background:url(../images/bg_note.png) center center no-repeat;
width:945px;
height:597px;
padding:23px 0 20px;
margin:0 auto;
position:relative;
}
#mainArea2 #mainVisual2.over {
background:url(../images/bg_note_over.png) center center no-repeat;
width:945px;
height:597px;
padding:23px 0 20px;
margin:0 auto;
position:relative;
}

#mainArea2 #mainVisual2 .pen {
position:absolute;
width:118px;
height:330px;
left:-60px;
bottom:20px;
}

#mainArea2 #mainVisual2 dl { padding:30px 9px 0 65px; }
#mainArea2 #mainVisual2 dl:after { display:block; content:" "; clear:both; }
#mainArea2 #mainVisual2 dl dt {
padding-left:220px;
text-align:left;
}
#mainArea2 #mainVisual2 dl dd {

}
#mainArea2 #mainVisual2 dl dd ul:after { display:block; content:" "; clear:both; }
#mainArea2 #mainVisual2 dl dd ul li {
background:url(../images/bg_yume_cont.png) left top no-repeat;
width:235px;
height:133px;
display:table;
float:left;
margin:18px 5px 0;
padding:20px 20px 10px 20px;
position:relative;
}
#mainArea2 #mainVisual2 dl dd ul li p {
display:table-cell;
font-size:142%;
font-weight:700;
line-height:1.3;
vertical-align:middle;
}

*:first-child+html #mainArea2 #mainVisual2 dl dd ul li p {
padding-top:20px;
}

#mainArea2 #mainVisual2 dl dd ul li span {
display:block;
font-size:13px;
font-weight:400;
text-align:center;
margin-top:5px;
}

#mainArea2 #mainVisual2 .footarea {
margin-top:28px;
padding:0 30px;
text-align:right;
clear:both;
}
#mainArea2 #mainVisual2 .footarea p.btn { padding-right:80px; text-align:right; }
#mainArea2 #mainVisual2 .footarea img { text-align:right; }


/*---------------------------------------------
04. footer
---------------------------------------------*/
#footer { text-align: left; font-size: 0.9em; line-height: 1.4; margin: 0 auto; width:950px;}
#footer .inner { padding-top: 15px; padding-right: 25px; }
#footer .left {  float: left; color: #999; }
#footer .about { margin-bottom:5px; }
#footer .right {  float: right; color: #fff; }
#footer ul.right li { float: left; padding-left: 15px; }
#footer p.right { font-size: 1.2em; font-weight: bold; }
#footer a { color: #fff; text-decoration: underline; }	

/*--- clearfix ----*/
#footer:after,
#footer .inner:after { content: ""; clear: both; display: block; }

/*---------------------------------------------
05. info
---------------------------------------------*/
#info { background:#fff; border:1px solid #2497b9; width:387px; }
#info .infoArea { height:260px; overflow-y:scroll; }
#info .infoArea table {}
#info .infoArea table tr {}
#info .infoArea table th { border-top:1px solid #ccc; border-right:none; border-right:none; border-bottom:none; border-left:none; background:none; vertical-align:top; padding:2px 0 2px 7px; }
#info .infoArea table th a { text-decoration:underline; }
#info .infoArea table td { border-top:1px solid #ccc;border-right:none; border-right:none; border-bottom:none; border-left:none; background:none; text-align:left; padding:2px 7px 2px 0; }

#info h2 { background:url(../images/bg_h3_info.png) 0 0 no-repeat; text-align:left; padding-top:0; }
#info h2 span { display:block; padding:13px 11px 13px 324px; width:52px; height:12px; }

#info dl { border-bottom:1px dotted #2497b9; margin:0 auto; padding:0.4em 0 0; width:347px; }
#info dl dt { clear: left; float:left; margin: 0 10px 0.4em 0; text-align:right; }
#info dl dd { text-align:left; margin: 0 0 0.4em; }
#info dl dd a { text-decoration:underline; }

/*--- clearfix ----*/
#info dl:after { content: ""; clear: both; display: block; }

/*---------------------------------------------
06. clearfix
---------------------------------------------*/
.clfix:after { content: ""; clear: both; display: block; }

/*---------------------------------------------
07. about
---------------------------------------------*/
#about .introduction table { }
#about .introduction table tr {}
#about .introduction table tr th { background:#4259ad; color:#FFF; font-weight:700; padding:20px; }
#about .introduction table tr td { padding:20px; }

#about .lead { margin:10px auto 20px; width:840px; }
#about .lead ul { }
#about .lead ul li { float:left; margin-top:15px; }
#about .lead ul li.first {}

#about #map { width:920px; margin:30px auto 15px; }
#about #map ul { width:920px; }
#about #map ul li { float:left; margin:0 20px; width:404px; }
#about #map ul li div.map_frame { border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;padding:1px; margin:0; padding:20px; }
#about #map ul li p.title { font-weight:600; text-align:left; }
 
#about #map ul li.first{ margin-right:30px; }
#about #map ul li span { display:block; text-align:left; }

#about #map ul li table { width:404px; }
#about #map ul li table th { text-align:center; }
#about #map ul li table td { text-align:left; }

#about #footCol { float:none; width:700px; margin:30px auto 0%; }
#about #footCol inquiry { width:700px; margin:0 auto; }

/*--- clearfix ----*/
#map ul:after,
#about .lead ul:after { content: ""; clear: both; display: block; }

/*---------------------------------------------
08. news_list
---------------------------------------------*/
#news_list {  margin:0 auto 25px; /*width:600px;*/ }
#news_list .box { background:#fff; padding:10px 30px 30px; position:relative; }
#news_list .box:after {	content:" "; display:block; clear:both; }
#news_list .newsBox { border:8px solid #ccc; margin-top:20px; padding:30px; }
#news_list .newsBox .title_area { border-bottom:1px dotted #ccc; padding-bottom:15px;  }
#news_list .newsBox .title_area span { display:block; text-align:left; }
#news_list .newsBox .title_area span.date {}
#news_list .newsBox .title_area span.title { font-weight:700; }
#news_list .newsBox .news_content {}
#news_list .newsBox .news_content p { margin-top:1em;  text-align:left; }

/*---------------------------------------------
09. calendar
---------------------------------------------*/
#calendar .area {  }
#calendar .area h3 { background:url(../images/i_circle.png) 0 0 no-repeat; line-height:1; text-align:left; margin:20px 0 7px; padding-bottom:3px; border-bottom:1px dotted #ccc; }
#calendar .area h3  span { display:block; font-size:127%; font-weight:700; line-height:1; padding:0 0 0 15px;  }
#calendar .area table { width:100%; }
#calendar .area table th { text-align:left; width:150px; }
#calendar .area table td { text-align:left; }

#calendar #footCol { float:none; width:700px; margin:30px auto 0%; }
#calendar #footCol inquiry { width:700px; margin:0 auto; }

/*---------------------------------------------
10. campus_live
---------------------------------------------*/
.committee   { margin: 30px auto; text-align: center; }
.committee a { background-color: #D2ECFA; border: 2px solid #005BAB; color: #005BAB; font-size: 14px; font-weight: bold; padding: 7px 30px 5px; text-align: center; text-decoration: none; }


/*---------------------------------------------
11. entry
---------------------------------------------*/
#entry .box { background:#fff; padding:30px; position:relative; }
#entry .box:after {	content:" "; display:block; clear:both; }

/*#entry .introduction table { }*/
/*#entry .introduction table tr {}*/
/*#entry .introduction table tr th { background:#E5007F; color:#FFF; font-weight:700; padding:20px; }*/
/*#entry .introduction table tr td { padding:20px; }*/

#entry .lead { margin:0px 0px 10px; width:100%; text-align:left; font-size:120%; font-weight:bold; }

#entry #footCol { width:100%; margin:30px 0 30px; }
#entry #footCol inquiry { margin:0 auto; }

#entry table th { color:#333; padding:10px 5px 10px 10px; text-align:left; font-weight:bold; }
#entry table th span.require { color:#e4007f; font-weight:bold; }
#entry table td { padding:10px; text-align:left; }
#entry table td input[type="text"] { border: 1px solid #7FA2CF; padding: 5px; width:550px; }
#entry table td textarea { border: 1px solid #7FA2CF; padding: 5px; width:550px; }
#entry table td select { border: 1px solid #7FA2CF; padding: 5px; }

/*#entry table th { padding:10px; text-align:left; background: url("../images/th_bg_entry.gif"); font-weight:bold; }*/
/*#entry table th span.require { font-weight:bold; color:red; }*/
/*#entry table td { padding:10px; text-align:left; }*/
/*#entry table td input[type="text"] { border: 1px solid #7FA2CF; padding: 5px; width:550px; }*/
/*#entry table td textarea { border: 1px solid #7FA2CF; padding: 5px; width:550px; }*/
/*#entry table td select { border: 1px solid #7FA2CF; padding: 5px; }*/
/*#entry table.btn_box      { border:none; }*/
/*#entry table.btn_box td   { border:none; }*/
/*#entry table.btn_box td a { display: block; border:solid 3px #E5007F; background-color:#F7EE13; padding: 6px 0px; width: 150px; text-align:center; font-size:150%; font-weight:bold; text-decoration:none; }*/
/*#entry table.btn_box td a:hover { background-color:#FBF8A0; text-decoration:underline; }*/
/*#entry .errorFukidashi p { display:block;padding:2px 5px; border:2px solid #c00; background-color:#FFE4E4;margin-bottom:10px; }*/

#entry #term h3 { line-height:1; text-align:left; margin:20px 0 7px; padding-bottom:3px; border-bottom:1px dotted #ccc; }
#entry #term p  { text-align: left; }
#entry ul.notice { list-style-type: disc; margin-left: 15px; }

/*---------------------------------------------
12. CL+1
---------------------------------------------*/
#cl1 { /*background:#fff;*/ margin-top:15px; padding:30px; min-height:600px; height:auto !important; height:600px; }
#cl1 .box { background:#fff; padding:30px; position:relative; zoom:1; }
#cl1 .box:after {	content:" "; display:block; clear:both; }

#cl1 p { text-align: left; font-size: 130%; }/*margin-top: 0; margin-left: 15px; */

#cl1 ul.list { text-align: left; margin: 15px 10px; }
#cl1 ul.list:after {	content:" "; display:block; clear:both; }
#cl1 ul.list li { float:left; font-size:130%; margin-top:15px; padding: 0 29px;  width:160px; }

/* #cl1 ul.list li.last-child { padding-right:0; } */
#cl1 ul.list li:nth-child(4n) { padding-right:0; }

#cl1 ul.list li dl {}
#cl1 ul.list li dl dt { margin: 0 auto; text-align:center; }
#cl1 ul.list li dl dt img { margin:0 auto;  }
#cl1 ul.list li dl dd { background: url("../images/link_arrow.gif") no-repeat left 3px; font-size:85%; margin-top:3px; padding-left:18px; }

#cl1 .box_head {}
#cl1 .box_head:after {	content:" "; display:block; clear:both; }
#cl1 .box_head p { float:left; line-height:1.6; padding:0; }
#cl1 .box_head ul { float:right; }
#cl1 .box_head ul:after {	content:" "; display:block; clear:both; }
#cl1 .box_head ul li { float:right; margin-left:10px; }


.past {}
.past .content { margin:0; padding:0 30px; }
.past .content:after {	content:" "; display:block; clear:both; }
.past .content .pic_area { float:left; width:310px; margin-right:20px; }
.past .content .pic_area ul.second_prize { padding:0; }
.past .content .pic_area ul.second_prize:after { content: "";  display: block;  clear: both; }
.past .content .pic_area ul.second_prize li { float:left; margin-top:18px; margin-right:10px; padding:0; width:150px; }
.past .content .pic_area ul.second_prize li.last { margin-right:0; }
.past .content .txt_area { width:500px; float:right; }
.past .content .txt_area p { margin-top:20px; line-height:1.8; }

.btn_link ul { margin:30px auto 0; text-align:center; }
.btn_link ul:after {	content:" "; display:block; clear:both; }
.btn_link ul li { float:left; display: inline-block; /display: inline; /zoom: 1; margin: 0 10px 0 0; }
.btn_link ul li.last-child { margin-right:0; }
.btn_link ul.entry li { float:none; margin:0 auto; text-align:center; padding:0; width:470px; }

.btn_link ul.youkou { letter-spacing:-.40em; margin:20px auto; padding:0; text-align:center; /* width:880px; */ width:470px; }
.btn_link ul.youkou li { display:inline-block; letter-spacing:normal; padding:0; width:420px; }
.btn_link ul.youkou li:first-child { margin-right:40px; }
.btn_link ul.youkou li:last-child { margin-right:0; }

.btn_link ul li a.archive { color:#fff; display:block; font-size:150%; font-weight:700; line-height:1.6; padding:17px 120px 18px 80px; text-align:left; text-decoration :none; width:79px; background:url(../images/b_final_contest_archive.png) left top no-repeat; }
.btn_link ul li a.archive:hover { background:url(../images/b_final_contest_archive_on.png) left top no-repeat; padding:24px 120px 11px 80px; }


#entry_btn {
background-color:#fff;
background-image:url("../entry/images/bg_entry.gif");
background-position: center bottom;
background-repeat: no-repeat;
margin:20px auto 0;
padding:0 0 20px;
text-align:center;
}

#entry_btn .btn_link ul.youkou {
margin:0 auto;
padding:20px 0 0;
text-align:center;
width:880px;
}
#entry_btn .btn_link ul.youkou li:first-child { margin-right:40px; }
#entry_btn .btn_link ul.youkou li a:hover img { margin-bottom:-5px; }


#entry_btn.w890 {
background-color:#fff;
background-image:url("../entry/images/bg_entry_w890.gif");
background-position: center bottom;
background-repeat: no-repeat;
margin:20px auto 0;
padding:0 0 20px;
text-align:center;
}

#entry_btn.w890 .btn_link ul.youkou {
margin:0 auto;
padding:15px 0 0;
text-align:center;
width:860px;
}
#entry_btn.w890 .btn_link ul.youkou li:first-child { margin-right:20px; }


div.list { padding:0 20px; }
div.list .list_content { margin:10px 0 0; }

#album_box { display:block; padding:0; margin:0 auto; overflow:hidden; width:800px; }
#album_box:after { content: "";  display: block;  clear: both; }
#album_box dd { float:left;margin:20px 25px 0 0; padding:0; display:block; overflow:hidden; position:relative; width:140px; height:100px;  }
#album_box dd.last { margin-right:0; }
#album_box dd span { display:block; position:absolute;right:0; bottom:1px; width:12px; height:12px; background:url(../images/pic_arrow.png) 0 0 no-repeat; }
#album_box dd.prize { float:none; text-align:center; margin:0 auto; height:auto; width:400px; }
#album_box dd.prize:after  { content: "";  display: block;  clear: both; }
#album_box dd.prize.mat20 { margin-top:20px; }
#album_box dd.first_prize { margin:13px 13px 0 0; height:auto; width:293px; }
#album_box dd.special_prize { margin:13px 13px 0 0; height:auto; width:293px; }
#album_box dd.first_prize.last { margin-right:0; }
#album_box dd.special_prize.last { margin-right:0; }
#album_box dd.prize_name { float:none; text-align:left; margin:0 auto; height:auto; text-align:left; width:400px; }
#album_box dd.first_prize_name { margin:0 13px 0 0; height:auto; text-align:left; width:293px; }
#album_box dd.special_prize_name { margin:0 13px 0 0; height:auto; text-align:left; width:293px; }
#album_box dd.special_prize_name.last { margin:0; height:auto; text-align:left; width:293px; }
#album_box dd a { text-decoration:none; }
#album_box dd a span { text-decoration:none; }

/*---------------------------------------------
00. table
---------------------------------------------*/
.mod-tb { /*width: 100%;*/ margin: 0; border-top:none !important; border-right: 6px solid #fef400 !important; border-left: 6px solid #fef400 !important; zoom:1; }
.mod-tb thead { border-bottom: 6px solid #fef400; zoom:1; }
.mod-tb thead th { padding: 10px 0; border-top:none !important; border-left: 4px solid #fef400; background: #fffdd9; color: #e4007f; font-size: 116%; font-weight: 600; text-align: center; vertical-align: middle; }
.mod-tb thead th:first-child { border-left: none; }
.mod-tb thead th span { display: block; font-size: 85%; }
.mod-tb tbody th { padding: 5px 10px; border-top:none; border-left: 4px solid #fef400; border-bottom: 4px solid #fef400; vertical-align: middle; /*background:url(../images/bg_dot.png) left top repeat;*/ background:#fcfad4; color: #e4007f; font-size: 116%; font-weight: 600; text-align: center; }
.mod-tb tbody td { border-left: 4px solid #fef400; border-bottom: 4px solid #fef400; background: #fff; font-size: 108%; line-height:1.8; padding: 5px 10px; text-align: left; vertical-align: middle; }

.mod-tb-frame-top {
background-image:url(../images/mod-tb-frame-top.png);
background-position: left top;
backgorund-repeat: no-repeat;
background-size:cover;
margin:0 auto;
width:100%;
height:6px;
}
.mod-tb-frame {
background-posution: left bottom;
backgorund-repeat: no-repeat;
background-size:cover;
padding-bottom:1px; 
margin:0 auto;
}

.normalTable { border:1px solid #ccc; margin:0 auto; }
.normalTable th { background:#efefef; border:1px solid #ccc; padding:5px;  }
.normalTable td { border:1px solid #ccc; padding:5px; }


.box.list.judge .mod-tb-frame-top {
background-image:url(../images/mod-tb-frame-top-blue.png);
background-position: left top;
backgorund-repeat: no-repeat;
background-size:cover;
margin:0 auto;
width:100%;
height:6px;
}
.box.list.judge .mod-tb-frame {
background-posution: left bottom;
backgorund-repeat: no-repeat;
background-size:cover;
padding-bottom:1px; 
margin:0 auto;
}

.box.list.judge .mod-tb { margin: 0; border-top:none !important; border-right: 6px solid #00afec !important; border-left: 6px solid #00afec !important; zoom:1; }
.box.list.judge .mod-tb thead { border-bottom: 6px solid #00afec; zoom:1; }
.box.list.judge .mod-tb thead th { padding: 10px 0; border-top:none !important; border-left: 4px solid #00afec; background: #d9f5ff; color: #222; font-size: 116%; font-weight: 600; text-align: center; vertical-align: middle; }
.box.list.judge .mod-tb thead th:first-child { border-left: none; }
.box.list.judge .mod-tb thead th span { display: block; font-size: 85%; }
.box.list.judge .mod-tb tbody th { padding: 5px 10px; border-top:none; border-left: 4px solid #00afec; border-bottom: 4px solid #00afec; vertical-align: middle; /*background:url(../images/bg_dot.png) left top repeat;*/ background:#d9f5ff; color: #222; font-size: 116%; font-weight: 600; text-align: center; }
.box.list.judge .mod-tb tbody td { border-left: 4px solid #00afec; border-bottom: 4px solid #00afec; background: #fff; font-size: 108%; line-height:1.8; padding: 5px 10px; text-align: left; vertical-align: middle; }


/*---------------------------------------------
00. title
---------------------------------------------*/
.h2_title { border:1px solid #ccc; width:948px; }
.h2_title h2 { background:url(../images/bg_h2.gif) 0 0 repeat-x; border-left:5px solid #f00; line-height:1; font-size:16px; font-weight:700; margin:1px; padding:8px 10px; text-align:left; width:921px; }

.h2_title2 { background:url(../images/bg_h2_title.png) left top no-repeat; margin:0 auto; width:950px; height:96px; }
.h2_title2 h2 { color:#333; line-height:1.8; padding:30px 0 24px 42px; font-size:22px; text-align:left; }

.h2_title2_b { background:url(../images/bg_h2_title_b.png) left top no-repeat; width:950px; height:96px; }
.h2_title2_b h2 { color:#fff; line-height:1.8; padding:30px 0 24px 42px; font-size:22px; text-align:left; }

.h2_title2_c { background:url(../images/bg_h2_title_c.png) left top no-repeat; width:950px; height:96px; }
.h2_title2_c h2 { color:#fff; line-height:1.8; padding:30px 0 24px 42px; font-size:22px; text-align:left; }

.h3_title { border:1px solid #ccc; }
.h3_title h3 { background:url(../images/bg_h2.gif) 0 0 repeat-x; border-left:5px solid #e62e8b; line-height:1; font-size:16px; font-weight:700; margin:1px; padding:8px 10px; text-align:left; }

.errorFukidashi p {
    background-color: #FFE4E4;
    border: 2px solid #CC0000;
    display: block;
    margin-bottom: 10px;
    padding: 2px 5px;
}

/*---------------------------------------------
inline-list
---------------------------------------------*/

ul.inline-list { letter-spacing: -.40em; }
ul.inline-list:after { content: ""; clear: both; display: block; }
ul.inline-list li { display:inline-block; letter-spacing: normal; vertical-align:top; }
ul.inline-list li.last-child { margin-right:0; }


.clfix:after { content: ""; clear: both; display: block; }

/*---------------------------------------------
00. only_smart_phone
---------------------------------------------*/
@media screen and (max-width: 768px) {
#main.dot_bg #content { margin: 15px auto; position:relative; min-width:950px; width:100%; }
div.illust { display:none; }
div.illust div img { position:relative; display:none; }
}