/*
Theme Name: パーツ用CSS
Description: CoolWeb WPテーマ Ver.12
Version: 12.0.0
Author: エーエフ・パートナー
Author URI: http://www.jp-soft.com/
*/




/* 共通 */
.clr {clear: both;}
.bld {font-weight: bold;}
.waku {border: 1px solid #CCC;}
.txtcenter {text-align: center;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.corner-all-5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
ul.parts { margin-left: 15px;}
ul.parts li:before {font-family: 'coolpl' ;font-weight: normal;content: "K"; color: #C06; vertical-align: top; padding-right: 5px;}

/* ------ Web Font ------ */
@font-face {
font-family: 'coolpl';
src: url('fonts/coolpl.eot'); /* IE9 Compat Modes */
src: url('fonts/coolpl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('fonts/coolpl.woff') format('woff'), /* Modern Browsers */
	 url('fonts/coolpl.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('fonts/coolpl.svg#svgFontName') format('svg'); /* Legacy iOS */}

/* パーツ01 */
.exp {margin: 5px 10px;}
ul.part01 {margin: 10px; padding: 10px 15px; border: 2px solid #33CCFF; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.part01 li:before {font-family: 'coolpl' ;font-weight: normal;content: "K";color: #33CCFF; vertical-align: top; padding-right: 5px;}

/* パーツ02 */
.part02 {display: inline-block; vertical-align: top; width: 47.8%; margin: 5px 0.7% ;border: 1px solid #CCCCCC;}
.part02 .inner{padding: 5px; font-size: 92%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph;}
.part02 .idx {margin-bottom: 5px; padding: 6px 10px; line-height: 1.2em; font-size: 108%; font-weight: bold; color: #FFF; 
  background: #3399CC;
  background : -webkit-gradient(linear, left top, left bottom, from(#33CCFF), to(#3399CC));
  background : -webkit-linear-gradient(top, #33CCFF, #3399CC);
  background : linear-gradient(to bottom, #33CCFF, #3399CC);}
.part02 .inner img {max-width: 120px; float: left; margin-right: 10px; border: 1px solid #CCC;}  
.part02 .slink {margin:  0.5em 0.5em 0 0; font-size: 100%; font-weight: bold; text-align: right;}
.part02 .slink:before{font-family: 'coolpl' ;font-weight: normal;content: "A";color: #3399CC; vertical-align: top; padding-right: 5px;}

/* パーツ03 */
.part03 {position: relative; margin: 0 auto; margin-bottom: 10px; border: 1px solid #33CCFF; background: #EBFAFF; padding: 20px 10px 10px 100px; }
.part03 .pnum{position: absolute; left: 20px; top: 25px; width: 60px; height: 60px; text-align: center; line-height: 60px; border: 1px solid #33CCFF; background: #33CCFF;
	font-family: 'Arial Black'; font-size: 40px; color: #FFF; z-index: 10;
	-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.part03 .pt { position: absolute; left: 25px; top: 15px; font-family: 'Arial Black'; font-size: 20px; color: #3399CC; z-index: 20;
	text-shadow: #FFF 2px 2px 0px, #FFF -2px 2px 0px, #FFF 2px -2px 0px, #FFF -2px -2px 0px;}
.part03 .idx{font-size: 22px;font-weight: bold; line-height: 1.3em; color: #333333;}
.part03 .exp {margin: 0; padding-top: 0.5em; border-top: 1px dotted #33CCFF;}
/*  パーツ03 ボタン部分  */
.part03_button{ text-align: center; margin: 20px auto; }
.part03_button a{display:inline-block; text-align:center; margin: 0 auto; border:2px solid #0095D6; font-size: 142%; padding: 10px 40px ; color:#FFF; font-weight:bold; text-decoration:none;
  -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;
  -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
  -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
  box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
  background: #0095D6;
  background: -webkit-linear-gradient(top, #33CCFF, #0095D6);
  background: linear-gradient(to bottom, #33CCFF, #0095D6)}
.part03_button a:hover{ color: #FFF; border:2px solid #0095D6;
  background-color: #0095D6;
  background: -webkit-linear-gradient(top, #0095D6, #0095D6);
  background: linear-gradient(to bottom, #0095D6, #0095D6);}

/* パーツ04 */
.part04 {margin: 5px 0;padding: 10px; border: 1px solid #CCCCCC; background-color: #EBFAFF; }
.part04 img {max-width: 180px;}
.part04 .idx01{font-size: 16px;font-weight: bold;line-height: 130%; color: #414444;}
.part04 .idx02{font-size: 18px;font-weight: bold;line-height: 150%; color: #33CCFF;}

/* パーツ05 */
.part05 { margin: 30px 0 0; padding: 15px;  border: 2px solid #33CCFF; background: #EBFAFF;}
.part05 .hdx { margin: -35px 0 10px -10px; background-color: #33CCFF; width: 190px; height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; color: #FFF; text-align: center; 
  -webkit-border-radius: 30px 4px 30px 4px; -moz-border-radius: 30px 4px 30px 4px;  border-radius: 30px 4px 30px 4px; }
 .part05 img { max-width: 180px;}
 .part05 .idx{margin-bottom: 10px; font-size: 1.4rem;font-weight: bold; color: #3399CC;}
 .part05 p {font-size: 0.85rem;}
 .part05 .slink {margin: 10px 0; font-size: 1.28rem; font-weight: bold; text-align: right;}
 .part05 .slink:before {font-family: 'coolpl' ;font-weight: normal;content: "F";color: #3399CC; vertical-align: top; padding-right: 5px;}

 /* パーツ06 */
.part06 {margin: 20px 0 0; position: relative; background-color: #EBFAFF; padding: 80px 5px 5px;}
.part06 .matome {position: absolute; top: 20px; left: 20px; font-size: 16px; font-weight: bold; color: #FFF; z-index: 98;
	text-shadow: 2px 2px 1px #33CCFF,  -2px 2px 1px #33CCFF,  2px -2px 1px #33CCFF,  -2px -2px 1px #33CCFF;}
.part06 .line { margin: -11px 10px 0 35px; height: 10px; border-top: 2px solid #33CCFF; display: block;}
.part06 .icon:before{font-family: 'coolpl' ;font-weight: normal;content: "K"; font-size: 80px; color: #33CCFF; position: absolute; top: 20px; left: 10px; z-index: 97;}
.part06 .idx { position: absolute; top: 25px; left: 100px; font-size: 20px; font-weight: bold; color: #33CCFF;}
.part06 .inner {margin: 5px;  padding: 10px; background: #FFFFFF; line-height: 1.8em;}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  .part02 {display: inline-block; vertical-align: top; width: 47.6%; margin: 5px 0.7% ;border: 1px solid #CCCCCC;}
}
  
/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  ul.parts { margin-left: 0px;}
  /* パーツ01 */
  ul.part01{width: 100%; margin: 10px 0;}
  /* パーツ02 */
  .part02 {width: 100%; margin: 5px 0 ;}
  /* パーツ03 */
  .part03 {width: 100%;}
/* パーツ04 */
  .part04 img {max-width: 100%;}
/* パーツ05 */
  .part05 img {max-width: 100%;}
}