@charset"UTF-8"  ;




/* タイトル
----------------------------------------------- */
/*
<p class="t002 gf45 mb10e ali2">タイトル002<br /><span>ACCESS MAP</span></p>
<p class="t003 gf45 mb10e ali2">タイトル003※※※※※※※</p>
<p class="t004 gf45 mb10e">タイトル004※※※※※※※</p>
<p class="t005 gf34 mb10e">タイトル005ああああああ</p>
<p class="t006 mb10e"><span class="gf45">タイトル006</span>※「XXXX」とお伝え下さい</p>
<p class="t007 gf35 mb10e">タイトル007※※※<span>NEWS</span></p>
*/

.t02	{width:50% ; font-size:2.8em ; line-height:0.8 ; color:#000000 ; border-top:1px #888888 solid ; border-bottom:1px #888888 solid ; box-shadow:0 10px 10px -10px #aaaaaa,0 -10px 10px -10px #aaaaaa ; padding:0.5em 1em ; padding-top:0.8em ; margin-left:auto ; margin-right:auto ; margin-bottom:1em ; text-align:center ;}
.t02 span{font-size:0.5em ; color:#999999 ;}


/* -----------------------------------------------
-----------------------------------------------
■■以下サンプル、使ったものを上にコピペ■■
-----------------------------------------------
----------------------------------------------- */
.t002	{width:50% ; font-size:2.4em ; line-height:1.0 ; color:#4b463a ; border-top:1px #533f1f solid ; border-bottom:1px #533f1f solid ; box-shadow:0 10px 10px -10px #715f42,0 -10px 10px -10px #715f42 ; padding:0.5em 1em ; padding-top:0.8em ; margin-left:auto ; margin-right:auto ; text-align:center ;}
.t002 span{font-size:0.5em ; color:#999999 ;}
.t003	{font-size:2.6em ; line-height:1.2 ; color:#4b463a ; background:linear-gradient(transparent 50%, #e0d6cb 50%) ; padding:0.2em 1em ;}/*%で太さ指定*/
.t004	{position:relative ; font-size:2.4em ; line-height:1.1 ; color:#ffffff ; background:#161f66 ; padding:0.5em 1em ;}
.t004:after{width:0 ; height:0 ; position:absolute ; content:'' ; top:100% ; left:30px ; border:20px transparent solid ; border-top:15px #161f66 solid ;}
.t005	{position:relative ; display:inline-block ; font-size:1.8em ; line-height:1 ; color:#4b463a ; padding:0 55px ;}
.t005:before,
.t005:after	{width:45px ; height:10px ; position:absolute ; display:inline-block ; content:'' ; bottom:10% ; background:#e0d6cc ;}
.t005:before	{left:0 ;}
.t005:after	{right:0 ;}
.t005:first-letter	{font-size:2em ; color:#cc0000 ;}
.t006		{font-size:1.7em ; line-height:1.1 ; color:#4b463a ; background:#e0d6cc ; border:5px #e0d6cc solid ;}
.t006 span	{width:10em ; display:inline-block ; font-size:1.2em ; color:#000000 ; border:1px #4b463a solid ; padding:0.4em ; margin-right:10px ; text-align:center ;}
.t007 {position:relative ; font-size:1.8em ; line-height:1.1 ; color:#006fc2 ; background:#f0eeef ; border-bottom:4px #d8d6d7 solid ; padding:0.5em 1em ; padding-bottom:0.4em ;}
.t007:after {width:40% ; display:block ; position:absolute ; content:"" ; bottom:-4px ; left:0 ; border-bottom:4px #62afe5 solid ;}
.t007 span{font-size:0.5em ; margin-left:2em ;}