@charset "utf-8";

/*----------------------------------------
 bace
----------------------------------------*/

html{
height:100%;
background-color:#99ccee;
color: #333333;
overflow-y:scroll;
}

body{
font-size: 10pt;
line-height: 15pt;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
padding:0;
}

img{
border:none;
}

/*-a:hover img {
opacity:0.6;
filter: alpha(opacity=90);
}-*/


a:visited {
color: #006699;
text-decoration:none;
}
a:hover {
color: #990000;
text-decoration: underline;
}
a {
color: #006699;
text-decoration:none;
}

.point {
position: relative;
top: 5px;
margin-right:5px;
margin-left:5px;
}

.point2 {
position: relative;
top: 10px;
margin-right:10px;
margin-left:10px;
}

p { margin-top: 0; margin-bottom: 0; }

.alpha {
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

/*----------------------------------------
 header
----------------------------------------*/

div#header{
background-image: url(../img/header_bg.gif);
background-repeat: repeat-x;
background-color: #ffffff;
}

div#header_inner{
margin-left:auto;
margin-right:auto;
width:920px;
height:130px;
}

div#header_inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*-------Logo-------*/
div#header_logo{
float:left;
width:290px;
height:60px;
margin-top: 20px;
margin-left: 10px;
}

/*-------header_menu-------*/
div#header_menu{
float:left;
width:605px;
height:55px;
margin-top: 5px;
margin-right: 15px;
}


div#header_menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#header_menu li{
  text-indent: -9999px;
  float:right;
  width: 110px;
  margin: 0;
  padding: 0;
}

div#header_menu a{
display: block;
width: 100%;
height: 24px;
background-image: url(../img/header_menu.gif);
background-repeat: no-repeat;
}

#h_menu1 a{background-position: 0 0;}
#h_menu2 a{background-position: -110px 0;}

div#header_menu a:hover{
background-image: url(../img/header_menu.gif);
background-repeat: no-repeat;
}

#h_menu1 a:hover{background-position: 0 -22px;}
#h_menu2 a:hover{background-position: -110px -22px;}

/*-------global_menu-------*/

#globalnavi{
  float:left;
  margin: 0;
  padding: 0;
  width: 920px;
  height: 45px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 100px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 45px;
  background-image: url(../img/global_menu_01.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: -909px 0;}
#menu2 a{background-position: -101px 0;}
#menu3 a{background-position: -202px 0;}
#menu4 a{background-position: -303px 0;}
#menu5 a{background-position: -404px 0;}
#menu6 a{background-position: -505px 0;}
#menu7 a{background-position: -606px 0;}
#menu8 a{background-position: -707px 0;}
#menu9 a{background-position: -808px 0;}

#globalnavi a:hover{
  background-image: url(../img/global_menu_01.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: -909px -47px;}
#menu2 a:hover{background-position: -101px -47px;}
#menu3 a:hover{background-position: -202px -47px;}
#menu4 a:hover{background-position: -303px -47px;}
#menu5 a:hover{background-position: -404px -47px;}
#menu6 a:hover{background-position: -505px -47px;}
#menu7 a:hover{background-position: -606px -47px;}
#menu8 a:hover{background-position: -707px -47px;}
#menu9 a:hover{background-position: -808px -47px;}


/*-------header_line-------*/

div#header_line{
height:3px;
font-size: 1pt; line-height: 1pt;/*IE6*/
background-image: url(../img/fla_bg.gif);
background-repeat: repeat-x;
}

/*----------------------------------------
 top_flash
----------------------------------------*/
div#top_fla{
background-image: url(../img/fla_bg.gif);
background-repeat: repeat;
}

div#top_fla_inner{
margin-left:auto;
margin-right:auto;
width:920px;
height: 403px;
}



/*----------------------------------------
 slide
----------------------------------------*/
.slide {
position:relative;
z-index:9700;
display: block;
left:0px;
top:0px;
background-image: url(../img/fla_bg.gif);
background-repeat: repeat;
}

.slide div,ul,li {
display: block;
margin: 0;
padding: 0;
}

.slide .leftNav,
.slide .rightNav {
background: url(../img/bg3.png);
outline: none;
}

.slide .leftNav:before,
.slide .rightNav:before {
content:"";
width:100%;
height:100%;
display: block;
}

.slide .leftNav:hover {
background: url(../img/leftNav.png) right center no-repeat;  /*rgba(204,204,204,0.4);*/
}


.slide .rightNav:hover {
background: url(../img/rightNav.png) left center no-repeat;  /*rgba(204,204,204,0.4);*/
}

.slide .leftNav:hover:before,
.slide .rightNav:hover:before {
background: url(../img/bg2.png);
}


/*----------------------------------------
 content
----------------------------------------*/
div#content{
background-color: #ffffff;
}

div#content_inner{
margin-left:auto;
margin-right:auto;
width:920px;
}

div#content_inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*-------サイドバナーリンク-------*/

div#side_content{
float:left;
width:200px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
}

div#side_content ul{
list-style-type: none;
margin: 0;
padding: 0;
}

div#side_content a:hover img {
opacity:0.6;
filter: alpha(opacity=90);
}


div#side_content li{
list-style-type: none;
width: 200px;
margin: 0 0 5px 0;
padding: 0;
}

div#side_content li h2{
width: 200px;
height: 30px;
font-size: 10pt;
line-height: 20pt;
text-indent: 15px;
font-weight: normal;
padding: 3px 0 0 0;
margin: 0 0 10px 0;
color: #ffffff;
background-image: url(http://www.zoomic.jp/official/wp-content/themes/zoomic/img/h2_bg.png);
background-repeat: no-repeat;
}

div#side_content li ul{
margin: 0 0 0 0;
padding: 0;
}

div#side_content li ul li{
list-style-type: disc;
list-style-position: inside;
font-size: 8pt;
line-height: 15pt;
border-bottom:1px dotted #cccccc;
margin-bottom: 10px;
}

div#side_content li ul li a:visited {
color: #333333;
text-decoration:none;
}
div#side_content li ul li a:hover {
color: #990000;
text-decoration: underline;
}
div#side_content li ul li a {
color: #333333;
text-decoration:none;
}

/*-------メインコンテンツ-------*/

div#main_content{
float:left;
width:690px;
margin-right: 10px;
min-height: 300px;
margin-top: 10px;
margin-bottom: 50px;
}

/*-------トップページコンテンツ-------*/

div#side_sub_content{
float:left;
width:200px;
min-height: 300px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}

div#side_sub_content2{
float:left;
width:200px;
min-height: 300px;
margin-top: 10px;
}

div#main_sub_content{
float:left;
width:470px;
min-height: 300px;
margin-top: 10px;
margin-bottom: 20px;
}


/*-------トップインフォメーション-------*/

.table_top {
width: 450px;
border-spacing: 0;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
font-size: 8pt;
line-height: 12pt;
}

.table_top th {
padding:10px;
border-bottom:1px dotted #cccccc;
font-weight:600;
text-align:left;
vertical-align: top;
}

.table_top td {
padding:10px;
vertical-align: middle;
}

/*-------投稿記事のフィールド-------*/

.main_content_post{
float:left;
width:670px;
margin-left: 10px;
min-height: 300px;
margin-top: 10px;
margin-bottom: 10px;
line-height: 20pt;
}

.main_content_post p{
margin-top: 5px; margin-bottom: 5px;
}


.main_content_blog{
float:left;
width:670px;
min-height: 300px;
margin-top: 10px;
line-height: 20pt;
}

.main_content_blog img{
border: solid 3px #dddddd;
}

.main_content_blog a img{
border: solid 3px #dddddd;
}

.main_content_blog a:visited img {
border: solid 3px #999999;
}
.main_content_blog a:hover img {
border: solid 3px #006699;
}

.seminar_left{
float:left;
width:200px;
margin-right: 10px;
margin-left: 5px;
margin-top: 10px;
}

.seminar_right{
float:left;
width:450px;
margin-right: 5px;
margin-top: 10px;
}

/*-------ページネーション-------*/

.page_next{
float: left;
width:670px;
text-align: center;
margin-top: 30px;
}


.page_next a:visited {
color: #006699;
text-decoration:none;
}
.page_next a:hover {
color: #990000;
text-decoration: underline;
}
.page_next a {
color: #006699;
text-decoration:none;
}

/*-------プロフィール-------*/

.profile_img{
float:left;
width:304px;
height: 204px;
border:1px solid #cccccc;
}

.profile_img img{
margin-top: 4px;
margin-left: 4px;
}

.profile_text{
float:left;
width:360px;
height: 80px;
margin-bottom: 20px;
}

.profile_bt{
float:left;
width:350px;
height: 120px;
text-align: right;
margin-right: 10px;
}

/*-------リンク-------*/

#linkcat-6{
list-style-type: none;
width:670px;
}

#linkcat-6 h2{
display: none;
}

#linkcat-6 ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#linkcat-6 ul li{
margin-top: 10px;
text-indent: 20px;
border-bottom:1px dotted #cccccc;
}

#linkcat-6 a:visited {
color: #333333;
text-decoration:none;
}
#linkcat-6 a:hover {
color: #990000;
text-decoration: underline;
}
#linkcat-6 a {
color: #333333;
text-decoration:none;
}

/*-------投稿記事の分割-------*/

div#nextpage {
clear:both;
text-align: right;
font-size: 8pt;
line-height: 12pt;
margin-top: 10px;
}

div#nextpage span {
background-color:#006699;
padding: 0.5em 1em;
margin: 0.25em;
text-decoration: none;
border: 1px solid #cccccc;
color: #ffffff;
}

#nextpage a span, #nextpage a:link span {
padding: 0.5em 1em;
margin: 0.25em;
text-decoration: none;
background-color:#bbe0e5;
border: 1px solid #cccccc;
color: #999999;
}

#nextpage a:visited span {
border: 1px solid #ccccc;
color: #999999;
}

#nextpage a:hover span {
background-color:#006699;
text-decoration: underline;
border: 1px solid #cccccc;
color: #ffffff;
}


/*-------ニュースリスト-------*/

.table_news {
width: 670px;
border-spacing: 0;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
}

.table_news th {
padding:10px;
border-bottom:1px dotted #cccccc;
vertical-align: top;
}

.table_news td {
padding:10px;
vertical-align: top;
border-bottom:1px dotted #cccccc;
}

.table_news a:visited {
color: #000000;
text-decoration:none;
}
.table_news a:hover {
color: #990000;
text-decoration: underline;
}
.table_news a {
color: #000000;
text-decoration:none;
}


/*-------お問い合わせ-------*/

div#mailform{
width:670px;
margin-left: 10px;
margin-top: 20px;
}

table.table_info {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 670px;
  border-collapse: separate;
  border-spacing: 2px;
}

table.table_info th,
table.table_info td {
  padding: 4px 6px;
}

table.table_info th {
border-bottom: solid 1px #cccccc;
border-right: solid 1px #f0f0f0;
background: #ffffff;
text-align: left;
white-space: nowrap;
font-weight:normal;
font-size: 90%;
}

table.table_info th span{
color:#666666;
font-size:7pt;
line-height: 12pt;
display: block;
}

table.table_info td {
border-bottom: solid 1px #cccccc;
background: #ffffff;
white-space: nowrap;
}

table.table_info td span{
color:#666666;
font-size:7pt;
line-height: 12pt;
display: block;
}


div#mailform input[type="text"]{
font-size:12px;
padding:4px 2px;
border:solid 1px #cccccc;
height: 20px;
margin:2px 10px 5px 0px;
}

div#mailform select {
margin:2px 10px 5px 0px;
}


.button-confirm {
padding: 10px 15px;
width: 200px;
height: 50px;
border: 1px solid #ccc;
color: #fff;
background-color: #005480;
cursor: pointer;
font-size: 11pt;
line-height: 18pt;
}

.button-submit {
padding: 10px 15px;
width: 200px;
height: 50px;
border: 1px solid #ccc;
color: #fff;
background-color: #005480;
cursor: pointer;
font-size: 11pt;
line-height: 18pt;
}

.submit-button{
text-align: center;
}

.button-rewrite {
padding: 10px 15px;
margin-right: 10px;
width: 200px;
height: 50px;
border: 1px solid #ccc;
color: #fff;
background-color: #005480;
cursor: pointer;
font-size: 11pt;
line-height: 18pt;
}

.button_area{
width:668px;
border:solid 1px #cccccc;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 10px;
}


/*-------ポートレート選手権-------*/


div#g_menu{
float:left;
width:200px;
margin: 0;
padding: 0;
}

div#g_menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#g_menu li{
  text-indent: -9999px;
  float:left;
  width: 200px;
  margin: 0 0 10px 0;
  padding: 0;
}

div#g_menu a{
  display: block;
  width: 100%;
  height: 50px;
  background-image: url(http://www.zoomic.jp/official/wp-content/themes/zoomic/img/grandprix_menu.gif);
  background-repeat: no-repeat;
}

#g1 a{background-position: 0 0;}
#g2 a{background-position: 0 -50px;}
#g3 a{background-position: 0 -100px;}
#g4 a{background-position: 0 -150px;}
#g5 a{background-position: 0 -200px;}
#g6 a{background-position: 0 -250px;}
#g7 a{background-position: 0 -300px;}

#g1_1 a{background-position: -200px 0;}
#g2_1 a{background-position: -200px -50px;}
#g3_1 a{background-position: -200px -100px;}
#g4_1 a{background-position: -200px -150px;}
#g5_1 a{background-position: -200px -200px;}
#g6_1 a{background-position: -200px -250px;}
#g7_1 a{background-position: -200px -300px;}


div#g_menu a:hover{
  background-image: url(http://www.zoomic.jp/official/wp-content/themes/zoomic/img/grandprix_menu.gif);
  background-repeat: no-repeat;
}

#g1 a:hover{background-position: -200px  0;}
#g2 a:hover{background-position: -200px -50px;}
#g3 a:hover{background-position: -200px -100px;}
#g4 a:hover{background-position: -200px -150px;}
#g5 a:hover{background-position: -200px -200px;}
#g6 a:hover{background-position: -200px -250px;}
#g7 a:hover{background-position: -200px -300px;}

#g1_1 a:hover{background-position: -200px -0;}
#g2_1 a:hover{background-position: -200px -50px;}
#g3_1 a:hover{background-position: -200px -100px;}
#g4_1 a:hover{background-position: -200px -150px;}
#g5_1 a:hover{background-position: -200px -200px;}
#g6_1 a:hover{background-position: -200px -250px;}
#g7_1 a:hover{background-position: -200px -300px;}


/*=========================
  div#Comments, 
  div#Trackbacks
=========================*/

div#comments,
div#trackback {
float:left;
width: 668px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
	_height: 1px; /* for IE6 */
}

div#comments h2,
div#trackback h2 {
	padding: 0.3em 15px;
	font-size: 116%;
	color: #fff;
	background-color: #999;
}

div#comments dl.log dt,
div#trackback dl.log dt {
	margin: 0.8em 0 0;
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: dashed 1px #cccccc;
}

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
	color: #333333;
}

div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
	margin-left: 10px;
	color: #ccc;
font-size: 8pt;
line-height: 12pt;
font-weight:normal;
}

div#comments dl.log dd,
div#trackback dl.log dd {
	margin: 0;
	padding: 10px 15px 10px 15px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

div#comments dl.log dd p,
div#trackback dl.log dd p {
	margin: 0;
}

/* Comment form
---------------*/

form.post dl {
	margin: 0.5em 20px;
}

form.post p {
	margin: 1em 20px;
}

form.post dl dt {
	margin: 0.5em 0;
}

form.post dl dd {
	margin: 0;
}

form.post div.action {
	margin: 0.5em 20px 1em;
}

form.post div.action input {
	margin: 0 5px 0 0;
}

form.post textarea {
	width: 80%;
	max-width: 85%;
}

/* comments_form
---------------*/

div#comments form {
	border: 1px dotted #ccc;
	margin-top: 10px;
	background-color: #f0f0f0;
}

div#comments fieldset {
	padding: 1px 0;
	border: none;
}

div#comments legend {
position: relative;
top: -13px;
left: 8px;
padding: 5px 5px 5px 5px;
background-color: #fff;
}

div#comments input[type="text"]{
font-size:12px;
padding:4px 2px;
border:solid 1px #cccccc;
height: 20px;
margin:2px 10px 5px 0px;
}

div#comments  textarea {
	padding: 0.5em 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #fff;
}

div#comments input.submit {
width: 150px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	font-size: 100%;
	text-transform: uppercase;
	color: #fff;
	background-color: #006699;
}

div#comments input.radio {
	border: none;
	background-color: transparent;
	background-image: none;
}


/* 会員限定shop */

div#member_main{
float:left;
width:920px;
min-height: 500px;
margin-top: 10px;
margin-bottom: 50px;
}

div#member_main .box_half{
float:left;
width:450px;
margin-top: 10px;
}

div#member_main .box_line{
float:left;
width:448px;
margin-top: 10px;
}


/*----------------------------------------
 footer
----------------------------------------*/
div#footer{
background-color:#99ccee;
font-size: 7pt;
line-height: 15pt;
}

div#footer_inner{
width:920px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
overflow:hidden;/* clearfix */
/zoom:1;/* clearfix for IE */
}


#footer a:visited {
color: #333333;
text-decoration: none;
}
#footer a:hover {
color: #8f0000;
text-decoration: underline;
}
#footer a {
color: #000000;
text-decoration: none;
}



/*----------------------------------------
 詳細設定
----------------------------------------*/


/*------ボーダー--------*/

.border_cc {
border: solid 1px #cccccc;
}

.border_bot_dash_cc {
border-bottom:1px dashed #cccccc;
}

.border_bot_dotte_cc {
border-bottom:1px dotted #cccccc;
}

.border_top_dash_cc {
border-top:1px dashed #cccccc;
}

.border_right_dash_cc {
border-right:1px dashed #cccccc;
}

.border_top_cc {
border-top:1px solid #cccccc;
}

.border_cc_red {
border: solid 1px #c61a22;
}


/*------背景色--------*/

.bg_color_33 {
background-color:#333333;
}

.bg_color_cc {
background-color:#cccccc;
}

.bg_color_f0 {
background-color:#f0f0f0;
}

.bg_color_ff {
background-color:#ffffff;
}


/*------文字色--------*/

.color_ff {
color:#ffffff;
}

.color_cc {
color:#cccccc;
}

.color_orange {
color:#EA6000;
}

.color_red {
color:#990000;
}

.color_blue {
color: #00a0c6;
}

.color_main {
color:#8d2590;
}

/*------文字位置--------*/

.text_right {
text-align: right;
}

.text_center {
text-align: center;
}

.text_left {
text-align: left;
}

/*------文字サイズ--------*/

.text_s {
font-size: 8pt;
line-height: 12pt;
font-weight:normal;
}

.text_b {
font-size: 12pt;
line-height: 20pt;
font-weight:normal;
}

.text_bb {
font-size: 18pt;
line-height: 23pt;
font-weight:normal;
}

.weight_600 {
font-weight: 600;
}

/*------マージン設定--------*/

.margin_left_5 {
margin-left:5px;
}

.margin_left_10 {
margin-left:10px;
}

.margin_left_15 {
margin-left:15px;
}

.margin_left_20 {
margin-left:20px;
}

.margin_left_30 {
margin-left:30px;
}

.margin_left_40 {
margin-left:40px;
}

.margin_right_5 {
margin-right:5px;
}

.margin_right_10 {
margin-right:10px;
}

.margin_right_15 {
margin-right:15px;
}

.margin_right_20 {
margin-right:20px;
}

.margin_right_30 {
margin-right:30px;
}

.margin_right_40 {
margin-right:40px;
}

.margin_top_5 {
margin-top:5px;
}

.margin_top_8 {
margin-top:8px;
}

.margin_top_9 {
margin-top:9px;
}

.margin_top_10 {
margin-top:10px;
}

.margin_top_15 {
margin-top:15px;
}

.margin_top_20 {
margin-top:20px;
}

.margin_bottom_5 {
margin-bottom:5px;
}

.margin_bottom_10 {
margin-bottom:10px;
}

.margin_bottom_15 {
margin-bottom:15px;
}

.margin_bottom_20 {
margin-bottom:20px;
}

.padding_5{
padding: 5px 5px 5px 5px;
}

.padding_10{
padding: 10px 10px 10px 10px;
}

/*------横幅設定--------*/
.width100 {
width: 100px;
}

.width200 {
width: 200px;
}

.width300 {
width: 300px;
}

.width400 {
width: 400px;
}

.width500 {
width: 500px;
}

.width600 {
width: 600px;
}

/*------縦幅設定--------*/
.height20 {
height: 20px;
}

.height30 {
height: 30px;
}

.height70 {
height: 70px;
}

.height100 {
height: 100px;
}

.height150 {
height: 150px;
}

.height200 {
height: 200px;
}

.height220 {
height: 220px;
}

.height250 {
height: 250px;
}


/*------非表示設定--------*/

.none {
display:none;
}

/*------画像回り込み設定--------*/
.alignleft {
   float: left;
}

.alignright {
   float: right;
}




/*
 * 入力時に付加するclass
 */
form.wpcf7-form-mode-edit{
	
}

/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{
	
}

/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
form.wpcf7-form ul{
border: solid 1px #cccccc;
background-color: #f0f0f0;
width: 668px;
list-style-type: none;
margin: 0;
padding: 0;
}

form.wpcf7-form ul li{
margin-left: 20px;
width: 630px;
}

/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
form.wpcf7-form ul.error-messages{
	color:red;
}

/*
 * 入力チェックに引っかかったときに tr.addClass('error')
 */
form.wpcf7-form table tr.error td{
background-color: #f0f0f0;
}

/*
 * プレビュー時のテキスト
 */
form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm{
	color:green;
	font-size: 10pt;
line-height: 20pt;
}

/*
 * ボタンエリア、確認へ
 */
form.wpcf7-form p.buttons-area-confirm{
	padding:20px;
	/* text-align:center; */
}