@charset "utf-8";

/* Last Update - 2011/07/06 */

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%;}

ul, ol, li, dl, dt, dd { list-style: none;}

body {
margin: 0;
padding: 0;
font-size: 85%;
color: #111;
background: url(http://blog-imgs-68.fc2.com/g/a/b/gabro/back_e.png) repeat;
background-attachment: fixed;
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

a:link { color:#000099; text-decoration: none;}
a:visited { color:#000099; text-decoration: none;}
a:hover { color:#000099; text-decoration: none;}
a:active { color:#000099; text-decoration: none;}

#wrap {
width: 900px;
margin: 0 auto;
padding: 0 20px;
background: #fff;
}

/* 画像URL(900*200) */
.header {
width: 900px;
height: 200px;
margin: 0;
padding: 0;
background: url(http://blog-imgs-68.fc2.com/g/a/b/gabro/gb_2014head.jpg);
}

h1 {
font-size: 120%;
margin: 0;
padding: 0 10px;
line-height: 30px;
font-weight: normal;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-name.png);
}

h1 a:link, h1 a:visited { color:#c12a2d; text-decoration: none;}
h1 a:hover, h1 a:active { color:#c12a2d; text-decoration: underline;}

h2 {
font-size: 100%;
font-weight: normal;
color: #141515;
margin: 0;
padding: 0 10px;
line-height: 35px;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-name.png);
}


/* ContentsArea
-------------------------- */
#contents {
    margin: 0 auto;
    width: 450px;
    text-align: left;
    position: relative;
}
 
#contents ul {
    width: 450px;
}
 
#contents ul li {
    margin: 10px 10px;
    width: 200px;
    height: 150px;
    text-align: center;
    float: left;
    display: inline;
}
 
#contents ul li img {
    -webkit-transform:scale(1);
    position: absolute;
    opacity: 0.7;
    z-index: 10;
}
 
 
/* ClearFixElements
-------------------------- */
#contents ul:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
 
/* CSS3 HoverAnimation
-------------------------- */
@-webkit-keyframes hoverSpread {
    0% {-webkit-transform:scale(1);opacity: 0.7;}
    100% {-webkit-transform:scale(1.5);opacity: 1;}
}
 
#contents ul li img:hover {
    -webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
 
    -webkit-transform: scale(1.5);
    -webkit-box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: 20;
}


gb {
	margin:0 0 30px 0;
	padding:12px 10px;
	background: #1D8ADE;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}


gb2 {
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
	margin:0 0 30px 0;
	padding:12px 10px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
}


gb3 {
	margin:0 0 30px 0;
	padding:12px 10px;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	}
 
gb3:before,
gb3:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
gb3:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}


gb4{  
    border-left:8px solid #ccc;  
    border-bottom:1px solid #ccc;  
    padding:.6em .8em  
}


gb5 {
padding-top: 3px ;
padding-left:16px;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/12.gif) no-repeat 0px 5px; /* 見出しの背景 */
font-size: 120%; /* 見出しの文字サイズ */
color:#333333;
line-height: 100%;
}


#content {
float: left;
width: 670px;
margin: 0;
padding: 0;
}

.entryblock { margin: 0 0 50px; padding: 0;}

.entrypost {
color: #fefefe;
font-size: 100%;
margin: 0 0 5px;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-mahead.png) top no-repeat;
}

.entrypost span {
padding: 1px 10px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mainbar.gif) repeat-x;
}

.entrypost a:link, .entrypost a:visited { color: #f1f1f1; text-decoration: none;}
.entrypost a:hover, .entrypost a:active { color: #fefefe; text-decoration: underline;}

.entryhead { width: 100%; height: 75px;}

h3.entrytitle {
font-size: 110%;
color: #cc0033;
margin: 0;
padding: 0 0 0 70px;
font-weight: normal;
}

h3.entrytitle a:link, h3.entrytitle a:visited { color: #cc0033; text-decoration: none;}
h3.entrytitle a:hover, h3.entrytitle a:active { color: #c12a2d; text-decoration: underline;}

p.category { font-size: 90%; margin: 0; padding-left: 80px;}

p.entrydate {
float: left;
color: #fefefe;
width: 60px;
height: 60px;
font-size: 100%;
text-align: center;
margin-left: 5px;
padding: 0;
border: 1px solid #ccc;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-date.gif) repeat-x;
}

.entrybody {
clear: both;
margin: 0;
padding: 0;
overflow: hidden;
}

.entrytext, .formtext {
font-size: 100%;
margin: 0;
padding: 0 10px;
overflow: hidden;
}

.entrytext ul li a:link, .entrytext ul li a:visited {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-icon.gif) 0 0.5em no-repeat;
text-decoration: none;
}

.entrytext ul li a:hover, .entrytext ul li a:active {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-icon_h.gif) 0 0.5em no-repeat;
text-decoration: none;
}

.entrytext img {
background: #fcfcfc;
border: none;
margin: 5px;
padding: 5px;
}

.formtext img {
margin: 0 2px 2px;
padding: 0;
border: none;
}

.entrystate {
color: #fefefe;
margin: 5px 10px 10px;
padding: 0 5px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mainbar.gif) repeat-x;
}

.entrystate a:link, .entrystate a:visited { color: #f1f1f1; text-decoration: none;}
.entrystate a:hover, .entrystate a:active { color: #fefefe; text-decoration: underline;}

p.pagetop {
height: 20px;
font-size: 100%;
margin: 0;
text-align: right;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-mafoot.png);
}

p.pagetop span {
padding: 0 10px 2px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mainbar.gif) repeat-x;
}

p.pagetop a:link, p.pagetop a:visited { color: #f1f1f1; text-decoration: none;}
p.pagetop a:hover, p.pagetop a:active { color: #fefefe; text-decoration: underline;}


blockquote {
margin: 5px;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/qs.gif) no-repeat scroll top left;
padding: 5px;
border:2px dotted #D4D4D4;
}
blockquote p {
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/qe.gif) no-repeat scroll bottom right;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
margin: 0px;
}


#right {
float: right;
width: 220px;
margin: 0;
padding: 0;
}

h4.plugtitle {
font-size: 100%;
padding: 0 5px;
margin: 0;
font-weight: normal;
color: #fefefe;
line-height: 22px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
}

.menubody {
margin: 0 0 30px;
padding: 0;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mahead.gif) top right no-repeat;
}

.menutext {
font-size: 90%;
margin: 0;
padding: 10px 10px 0;
overflow: hidden;
}

.menutext ul li a:link, .menutext ul li a:visited {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-icon.gif) 0 0.5em no-repeat;
text-decoration: none;
}

.menutext ul li a:hover, .menutext ul li a:active {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-icon_h.gif) 0 0.5em no-repeat;
text-decoration: none;
}

.areabody {
margin: 0 0 50px;
padding: 0;
width: 100%;
overflow: hidden;
}

p.pagenavi {
font-size: 100%;
text-align: center;
margin: 10px 0;
}

p.comnavi {
text-align: center;
font-size: 100%;
margin: 10px 0;
}

h5.areatitle, h6.formtitle {
height: 20px;
font-size: 100%;
color: #fefefe;
padding: 0;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-mahead.png);
}

h5.areatitle span, h6.formtitle span {
padding: 0 10px;
line-height: 20px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
}

.area_navi {
font-size: 100%;
color: #fefefe;
height: 20px;
text-align: right;
padding: 1px 0;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-mafoot.png);
}

.area_navi span {
padding: 2px 10px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
}

.area_navi a:link, .area_navi a:visited { color: #f1f1f1; text-decoration: none;}
.area_navi a:hover, .area_navi a:active { color: #fefefe; text-decoration: underline;}

p.formtop {
color: #fefefe;
margin: 0 0 20px;
height: 20px;
text-align: right;
background: url(http://blog-imgs-54.fc2.com/g/a/b/gabro/deepblue01-mafoot.png);
font-weight: bold;
}

p.formtop span {
padding: 0 10px 2px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
}

p.formtop a:link, .formtop a:visited { color: #f1f1f1; text-decoration: none;}
p.formtop a:hover, .formtop a:active { color: #fefefe; text-decoration: underline;}

/* プラグインカレンダー */
.calender {
text-align: center;
font-size: 100%;
line-height: 22px;
width: 100%;
border: 0;
}

.calender caption {
width: 100%;
font-size: 100%;
padding: 0;
color: #333;
letter-spacing: 0.1em;
}

.calender th {
border-bottom: 1px solid #666;
color: #666;
}

th#sun { color: #cc0000; border-bottom: 1px solid #cc0000;}

th#sat { color: #0080c0; border-bottom: 1px solid #0088c0;}

.calender td { text-align: center;}

.calender td a { display: block;}

.calender td a:link {
color: #fefefe;
background: #cd5c5c url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
text-decoration: none;
}

.calender td a:visited {
color: #fefefe;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
text-decoration: none;
}

.calender td a:hover {
color: #fefefe;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mainbar.gif) repeat-x;
text-decoration: none;
}

/*横カレンダー*/
.yoko {
text-align: center;
font-size: 90%;
margin: 0 0 20px;
padding: 0;
line-height: 22px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-bar.gif) repeat-x;
}

.yokocal {
color: #999;
display: inline;
margin: 0;
padding: 0 3px;
}

.yokocal a:link, .yokocal a:visited { color: #f1f1f1; text-decoration: none;}
.yokocal a:hover, .yokocal a:active { color: #fefefe; text-decoration: underline;}

#admenu {
margin: 0;
padding: 0 10px;
font-size: 100%;
line-height: 29px;
text-align: right;
color: #fefefe;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-header.gif) repeat-x;
}

#admenu a:link, #admenu a:visited { color: #f1f1f1; text-decoration: none;}
#admenu a:hover, #admenu a:active { color: #fefefe; text-decoration: underline;}

.comtitle { color: #274690; padding-left: 5px;}

p.comname { text-align: right; padding: 0 10px 10px;}

.tb_text {
margin: 5px 0 20px;
padding: 0 10px;
border-bottom: 1px #888 solid;
}

.sidehide { display: none;}

.comlist_body { width: 95%; margin: 0 auto; padding: 0; font-size: 95%;}

p.comlist_title {
height: 20px;
color: #c12a2d;
font-weight: bold;
margin: 10px 0 0;
padding: 2px 0 0;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mahead.gif) right;
}

p.comlist_body { padding: 0 5px;}

p.comlist_bottom {
height: 20px;
margin: 0 0 5px;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mafoot.gif);
}

p.com-button {
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-mainbar.gif) repeat-x;
color: #fefefe;
padding: 0 5px;
margin: 0 10px 10px;
}

p.com-button a:link, p.com-button a:visited { color: #f1f1f1; text-decoration: none}
p.com-button a:hover, p.com-button a:active { color: #fefefe; text-decoration: none}

p.baton_title { padding: 1px 5px;}

dt.baton_q {}

dd.baton_a {margin: 0 0 5px;}

ul.all { margin: 5px 0 10px;}

.relate_dl {
margin: 10px;
padding: 5px 10px;
border: 1px #DDD solid;
}

.relate_dt {
margin: 0 0 10px;
border-bottom: 1px #DDD solid;
}

textarea,input,select {
font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
font-size: 100%;
background: #eee;
margin: 0 0 2px;
padding: 0;
border: 1px solid #ccc;
}

img.emoji {
margin: 0;
padding: 0 1px;
border: 0;
vertical-align:middle;
background: transparent;
}

.new {
font-size: 100%;
color: #ff0099;
font-weight: 700;
}

img { border: none;}

br { letter-spacing: normal;}

hr { border: 1px #CCC solid;}

.more, .entry-more { margin: 10px 0;}

span.open { padding: 0;}

p.close { padding: 10px 0 0;}

.fc2_footer { margin: 0; padding: 5px 0;}

.fc2_footer img { float: none; border: none; background: transparent;}

p.plugin-myimage img { border: 1px #CCC solid;}


/* 削除・改変禁止 */
#footer {
clear: both;
text-align: right;
font-size: 100%;
line-height: 29px;
padding: 0 10px;
color: #fefefe;
background: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/deepblue01-footer.gif);
}

#footer a:link, #footer a:visited { color: #f1f1f1; text-decoration: none;}
#footer a:hover, #footer a:active { color: #fefefe; text-decoration: underline;}